Über das Projekt
Das Ziel von FinanzenLeichtGemacht.de ist es, die Hürden beim Thema Finanzen abzubauen. Technisch gesehen ist die Seite als "Headless"-Lösung konzipiert. Das bedeutet, dass die Inhalte über ein flexibles Backend (Payload CMS) verwaltet werden, während die Oberfläche (Frontend) mit Next.js blitzschnelle Ladezeiten und eine optimale SEO-Performance garantiert. Das Design wurde mit Fokus auf Lesbarkeit und eine klare Struktur entwickelt.
Features
Dynamisches Content Management: Einfaches Erstellen und Bearbeiten von Blogartikeln über Payload. Responsive Design: Optimale Darstellung auf Smartphones, Tablets und PCs dank Tailwind CSS. Schnelle Performance: Serverseitiges Rendering durch Next.js für minimale Ladezeiten. Intuitive Navigation: Ein klares Layout, das den Leser ohne Ablenkung durch die Finanzthemen führt.
Herausforderungen & Lösungen
Challenges
Die größte Herausforderung lag darin, ein System zu schaffen, das im Hintergrund hochmodern ist, aber in der Bedienung so simpel bleibt, dass mein Vater sich voll auf das Schreiben konzentrieren kann, ohne sich mit Technik beschäftigen zu müssen. Auch die Verknüpfung der flexiblen Datenfelder aus Payload mit dem React-Frontend erforderte präzise Planung.
Solutions
Durch die Nutzung von Payload CMS konnte ich maßgeschneiderte Eingabemasken erstellen. Für das Styling habe ich Tailwind CSS genutzt, um ein konsistentes Design-System beizubehalten, das sowohl modern aussieht als auch extrem wartungsfreundlich ist.