rezeptly ist eine Full-Stack-Webanwendung zur Verwaltung von Rezepten, entwickelt mit SvelteKit, PostgreSQL und Drizzle ORM. Die App ermöglicht es Nutzern, Rezepte zu erstellen, zu organisieren und zu durchsuchen – mit strukturierten Zutatenlisten und Schritt-für-Schritt-Anleitungen als zentralem Element.
What I Learned
Server-Side Rendering (SSR) - Die Arbeit mit SvelteKit hat mein Verständnis von SSR und der Server/Client-Boundary deutlich vertieft. Ich habe gelernt, Routes schlank zu halten, indem ich die Business-Logik in dedizierte Server-Services ausgelagert habe – das macht den Code einfacher zu warten und zu testen.
Remote Functions - Ich habe ein typisiertes Remote-Function-Pattern mit Zod-Validierung eingesetzt, um einen klaren Contract zwischen Client und Server zu schaffen. Dieser Ansatz reduziert Boilerplate und deckt Datenfehler frühzeitig an der API-Boundary auf.
shadcn/ui - Die Integration der shadcn-Component-Library (portiert für Svelte) hat mir gezeigt, wie man mit unstyled, barrierefreien Primitives arbeitet und diese mit Tailwind CSS zu einem konsistenten Design System zusammensetzt – anstatt sich mit meinungsstarken Component-Frameworks auseinanderzusetzen.
Vercel Hosting - Das Deployment von rezeptly auf Vercel hat mir gezeigt, wie man einen SvelteKit-Adapter für Serverless-Umgebungen konfiguriert, Environment Variables über Preview- und Production-Deployments hinweg verwaltet und Vercels Edge Network für schnelle globale Auslieferung nutzt.
Diese vier Säulen haben mir eine deutlich stärkere Grundlage für die Entwicklung von production-ready Full-Stack-Webanwendungen gegeben.