Tech Stack
Technologie-Entscheidungen der Dealer Suite.
Übersicht
┌─────────────────────────────────────────────────────────────────┐
│ MORELO Dealer Suite │
├─────────────────────────────────────────────────────────────────┤
│ Frontend │ Backend │ Hardware │
│ ─────────────────│──────────────────│───────────────────── │
│ SvelteKit │ SonicJS │ ESP32 │
│ Tailwind CSS │ Cloudflare D1 │ E-Paper Display │
│ PWA / Offline │ Cloudflare KV │ WiFi Provisioning │
└─────────────────────────────────────────────────────────────────┘
Frontend
| Technologie |
Version |
Grund |
| SvelteKit |
2.x |
Schnell, kompakt, SSR/SPA hybrid |
| Tailwind CSS |
3.x |
Utility-first, schnelles Prototyping |
| TypeScript |
5.x |
Type Safety |
| Paraglide |
1.x |
i18n native für SvelteKit |
Backend: SonicJS
Was ist SonicJS?
SonicJS ist ein Open-Source Headless CMS auf Cloudflare Workers.
Es kombiniert Content Management mit API Gateway Funktionalität - All-in-One.
| Technologie |
Version |
Grund |
| SonicJS |
latest |
Headless CMS + API Gateway |
| Hono |
4.x |
Routing (in SonicJS integriert) |
| Drizzle ORM |
0.x |
Type-safe SQL, D1-kompatibel |
| Zod |
3.x |
Runtime Validation |
SonicJS Architektur
┌─────────────────────────────────────────────────────────────────┐
│ Cloudflare Edge (SonicJS) │
│ │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │
│ │ D1 Cache │ │ KV Store │ │ R2 Storage │ │
│ │ (SQLite) │ │ (Hot Cache)│ │ (Files) │ │
│ └──────┬──────┘ └──────┬──────┘ └──────┬──────┘ │
│ │ │ │ │
│ ┌──────┴────────────────┴────────────────┴──────┐ │
│ │ Hono Router + Admin UI │ │
│ │ /api/* /admin /webhooks /integrations │ │
│ └───────────────────────┬───────────────────────┘ │
│ │ │
└──────────────────────────┼───────────────────────────────────────┘
│
┌───────────────┼───────────────┐
↓ ↓ ↓
┌─────────────┐ ┌─────────────┐ ┌─────────────┐
│ MS Graph │ │ Salesforce │ │ sevDesk │
│ Bookings │ │ CRM │ │ Invoicing │
└─────────────┘ └─────────────┘ └─────────────┘
SonicJS vs. Alternativen
| Kriterium |
SonicJS |
Strapi |
Directus |
| Hosting |
Edge (CF Workers) |
Server |
Server |
| Latenz |
~20ms global |
100-500ms |
100-500ms |
| Cold Start |
Keine |
2-5s |
2-5s |
| Admin UI |
✅ Eingebaut |
✅ Eingebaut |
✅ Eingebaut |
Infrastructure
| Service |
Verwendung |
| Cloudflare Workers |
API Runtime |
| Cloudflare D1 |
Database (SQLite) |
| Cloudflare KV |
Cache, Sessions |
| Cloudflare R2 |
File Storage |
| Cloudflare Pages |
Frontend Hosting |
Hardware
| Komponente |
Typ |
| Microcontroller |
ESP32-WROOM-32 |
| Display |
Waveshare 7.5" E-Paper |
| Framework |
PlatformIO + Arduino |
Warum diese Entscheidungen?
Cloudflare statt AWS/GCP
- ✅ 0ms Cold Start
- ✅ Global Edge Network
- ✅ Günstiger (Free Tier bis 100K req/day)
- ✅ Einfaches Deployment
SvelteKit statt Next.js/Nuxt
- ✅ Kleiner Bundle Size
- ✅ Schneller zur Runtime
- ✅ Weniger JavaScript zum Client
- ✅ Native Edge-Support
Hono statt Express/Fastify
- ✅ 14KB statt 500KB+
- ✅ Web Standard APIs
- ✅ Made for Edge