01Credits, Zeichnung Nr. 001
Von Hand gemachtfür Hände
Die Menschen und die Open-Source-Komponenten hinter CamdenTools. Bauen Sie Ihre Welt, Zeile für Zeile Code.
Scrollen, um die Werkstatt zu betreten
02Der Stapel, drei Ebenen
Jede Website ist eine Baustelle.
Wir gießen die Fundamente in TypeScript, rahmen die Wände mit Komponenten und verkabeln das Ganze, sodass Sie nie die Leitungen sehen.
- 2.1
Frontend
Die Wände und die Ausstattung: Nuxt und Vue, serviert vom Edge-Server, in jeder Sprache, in der wir verkaufen.
- 2.2
Die API
Die Verkabelung: Eine Laravel-API, die den Katalog, den Warenkorb, Ihr Konto und den Bezahlvorgang unterstützt.
- 2.3
Daten
Die Grundlagen: der Katalog, der Bestand und Ihre Bestellungen, einmal eingepflegt und täglich geprüft.
03Zahnräder, sechzehn und neun
Kleine Crew, große Aufgabe
Eine Handvoll Menschen, ein paar Dutzend Open-Source-Teile und ein Shop, der in jeder Sprache funktionieren muss, die unsere Kundinnen und Kunden lesen.
Leute im Team
Alle Personen, die auf dieser Seite aufgeführt sind.
Open-Source-Komponenten
Jeder einzelne von ihnen steht auf der nachfolgenden Teileliste.
Sprachen
Der gesamte Shop ist übersetzt, nicht nur die Eingangstür.
Länder, in die wir liefern
Der gleiche Checkout für jeden von ihnen.
04Die Crew, in zwei Reihen
Eine kleine Crew mit schmutzigen Händen
Ein Workshop, eine Crew. Zeige auf eine Figur oder einen Namen, um sie zu finden; klicke für ihr Datenblatt.
05Stückliste, alles auf einer Plattform
Auf Open Source stehen
Niemand baut einen Workshop aus Roherz. Dies sind die Open-Source-Teile, aus denen die Website besteht, und die Menschen, die sie herstellen, verdienen ebenso viel Anerkennung wie wir.
| Artikel | Teil | Verwenden |
|---|---|---|
| 5.01 | Nuxt | The scaffolding holding up every wall on this site. |
| 5.02 | Vue | The reactive framework that keeps the lights on. |
| 5.03 | Vue Router | The hallway plan: every door leads where it should. |
| 5.04 | Nuxt UI | Pre-fab fittings that still look custom-made. |
| 5.05 | Tailwind CSS | Utility belt. Every class is a tool on the hip. |
| 5.06 | Nuxt Fonts | The sign writer. Picks the right letterforms for the job. |
| 5.07 | Nuxt Icon | Thousands of pictograms in one tidy drawer. |
| 5.08 | Nuxt i18n | Translates the whole job, one locale at a time. |
| 5.09 | Nuxt SEO | Puts a big clear sign out front for search engines. |
| 5.10 | Nuxt MDC | Sets the blog's copy in proper type. |
| 5.11 | VueUse | A bag of small helpers you forget you can't live without. |
| 5.12 | Zod | Our safety harness for data at height. |
| 5.13 | Nuxt Auth Sanctum | Checks the pass at the door, then lets you through. |
| 5.14 | Nuxt Image | Cuts photos to size so the site stays lean. |
| 5.15 | Three.js | Prints every drawing on this page, one dot at a time. |
| 5.16 | hls.js | Streams the workshop films without a stutter. |
| 5.17 | vanilla-tilt | Makes cards feel like pressed metal under your cursor. |
| 5.18 | MCP SDK | Lets AI assistants browse the catalogue for you. |
06Werkzeugkasten, offene Tasche
Eine Werkstatt lebt von ihren Werkzeugen
Die Bibliotheken sind die Bauteile; dies sind die Maschinen, mit denen der Laden läuft, jede Stunde eines jeden Tages.
Cloudflare Workers
Serves every page from the edge, close to you.
Laravel
The API behind the catalogue, the basket and your account.
Stripe
Takes the payment, so we never touch your card.
Sentry
Tells us the moment something breaks.
GitHub Actions
Tests every change before it ships.
Redis
Keeps the busy pages warm.
Workshop-Regeln
- 01 / 03
Zweimal messen.
- 02 / 03
Einmal versenden.
- 03 / 03
Verlassen Sie den Ort sauberer, als Sie ihn vorgefunden haben.
07Auf der Bank daneben
Bereits an der nächsten Idee
Neue Pläne auf dem Brett. Dieselben Hände, frische Messungen. Danke fürs Durchscrollen.
Gezeichnet und erbaut von Zexy Studios