01Gutschriften, Zeichnung Nr. 001
Mit Händen gebautfür Hände
Die Menschen und die Open-Source-Teile hinter CamdenTools. Bauen Sie Ihre Welt, eine Codezeile nach der anderen.
Scrollen Sie, um die Werkstatt zu betreten
02Der Stapel, drei Ebenen
Jede Webseite ist eine Baustelle.
Wir legen das Fundament in TypeScript, bauen die Wände mit Komponenten auf und verkabeln das Ganze so, dass man die Leitungen nie sieht.
- 2.1
Frontend
Die Wände und die Fertigstellung: Nuxt und Vue, serviert vom Edge, in jeder Sprache, in der wir verkaufen.
- 2.2
Die API
Die Verkabelung: eine Laravel API hinter dem Katalog, dem Warenkorb, Ihrem Konto und dem Checkout.
- 2.3
Daten
Die Grundlagen: Der Katalog, der Lagerbestand und Ihre Bestellungen, einmal erstellt und täglich überprüft.
03Zahnräder, sechzehn und neun
Kleine Mannschaft, große Aufgabe
Eine Handvoll Menschen, ein paar Dutzend Open-Source-Komponenten und ein Geschäft, das in jeder Sprache funktionieren muss, die unsere Kunden lesen.
Mitarbeiter im Team
Jeder, der auf dieser Seite genannt wird.
Open-Source-Teile
Jeder einzelne davon befindet sich auf der Teileliste unten.
Sprachen
Der gesamte Shop, übersetzt, nicht nur die Eingangstür.
Länder, in die wir versenden
Der gleiche Checkout für jeden von ihnen.
04Die Crew, in zwei Reihen
Eine kleine Crew mit schmutzigen Händen
Ein Workshop, ein Team. Zeige auf eine Figur oder einen Namen, um sie zu finden; klicke für ihr Datenblatt.
05Stückliste, alles an einem Hub
Auf Open Source stehen
Niemand baut eine Werkstatt aus rohem Erz. Dies sind die Open-Source-Teile, aus denen die Seite aufgebaut ist, und die Menschen, die sie herstellen, verdienen genauso 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. |
06Werkzeugkiste, offene Tragetasche
Eine Werkstatt lebt in ihren Werkzeugen
Die Bibliotheken sind die Teile; das sind die Maschinen, mit denen der Shop läuft, jede Stunde an jedem Tag.
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 verschicken.
- 03 / 03
Hinterlasse den Ort sauberer, als du ihn vorgefunden hast.
07Auf der Bank daneben
Bereits den nächsten im Visier
Neue Pläne auf dem Reißbrett. Gleiche Hände, frische Maße. Danke fürs Durchscrollen.
Gezeichnet und aufgebaut von Zexy Studios