Unsere Grundlage für neue Projekte - NextJS Boilerplate

Warum wir uns unser perfektes Setup selbst gebastelt haben – und wie es unsere Arbeit revolutioniert hat.

Das Problem: Zu viel Zeit für Setup, zu wenig für das Wesentliche

Kennst du das? Du hast eine geniale Idee für eine Web-App oder eine neue Landing Page, bist richtig motiviert – und dann verbringst du erstmal Stunden oder sogar Tage damit, das Grundgerüst aufzusetzen. Authentication einrichten, Database konfigurieren, UI-Components zusammensuchen, Email-Integration... bis du endlich anfangen kannst, an der eigentlichen Idee zu arbeiten.

Genau das Problem hatten wir auch. Ständig haben wir neue Projekte gestartet – für Kunden, für eigene Ideen wie Midnight Peach, für interne Tools. Und jedes Mal das gleiche Spiel: Setup, Setup, Setup. Bis wir irgendwann gesagt haben: "Das muss doch auch anders gehen!"

Die Suche nach der perfekten Lösung

Natürlich waren wir nicht die ersten mit diesem Problem. Es gibt jede Menge NextJS Boilerplates da draußen – also haben wir uns erstmal durch die bekanntesten durchprobiert. Aber weißt du was? Die meisten waren einfach zu überladen. Voller Features, die wir nie brauchen würden, mit Konfigurationen, die nicht zu unserer Arbeitsweise passten.

Was wir wollten, war simpel: Ein schlankes, aber vollständiges Setup mit genau den Tools, die wir wirklich nutzen. Nicht mehr, nicht weniger. Ein System, das zu 100% zu unserem Tech-Stack und unserer Arbeitsweise passt.

Die Lösung: Unser eigenes NextJS Boilerplate

Also hab ich mich hingesetzt und unser perfektes Setup selbst gebaut. Zwei bis drei Wochen intensive Arbeit – aber es hat sich gelohnt. Das Ergebnis ist ein NextJS Boilerplate, das genau das kann, was wir brauchen:

Authentication, die funktioniert: Better-Auth mit Google OAuth und klassischem Login – sicher, flexibel und ohne Kopfschmerzen.

Database, die Sinn macht: PostgreSQL mit Prisma ORM. Type-safe, sauber strukturiert und mit allen Models, die wir regelmäßig brauchen.

UI, die gut aussieht: shadcn/ui Components mit Tailwind CSS. Modern, responsive und einfach zu erweitern.

Email, die ankommt: Maileroo Integration für alle Transaktional-Mails. Welcome-Mails, Password-Reset, Notifications – alles dabei.

Admin-Dashboard: Für die Projekte, wo wir Backend-Zugriff brauchen. User-Management, Settings, Database-Übersicht.

SEO aus der Box: Metadata-API, Open Graph Tags, Sitemap-Generation – alles vorkonfiguriert.

Warum es unsere Arbeit revolutioniert hat

Seit wir unser Boilerplate nutzen, hat sich unsere Arbeitsweise komplett verändert. Früher: Neue Projektidee → erstmal zwei Tage Setup. Heute: Neue Projektidee → Repository klonen, anpassen, loslegen. In 30 Minuten statt zwei Tagen.

Aber das Beste ist: Die Qualität unseres Codes ist drastisch gestiegen. Wenn wir KI-Tools nutzen, um Code zu generieren, passt der viel besser zu unserer Struktur. Weniger Bugs, sauberer Code, weniger Nacharbeit. Das Boilerplate gibt uns eine stabile Grundlage, auf der alles aufbaut.

Was wir damit bauen

Eigentlich alles. Landing Pages für neue Produkte, Web-Apps für Kunden, interne Tools für unser Team. Unser CMS läuft darauf, die Midnight Peach Website, Kundenprojekte – egal ob groß oder klein.

Das Schöne ist: Egal was für ein Projekt kommt, wir haben immer die gleiche solide Basis. Das macht uns nicht nur schneller, sondern auch zuverlässiger. Unsere Kunden merken das – weniger Entwicklungszeit bedeutet günstigere Preise und schnellere Umsetzung.

Ständig in Bewegung

Das Boilerplate ist nie "fertig" – genau wie unsere Projekte. Wenn wir neue Tools entdecken oder bessere Lösungen finden, fließt das sofort ein. Gerade arbeiten wir an der Stripe-Integration, dann wird Payment auch out-of-the-box funktionieren.

Es ist schon krass zu sehen, wie sich so ein internes Tool entwickelt. Angefangen als "Lass uns mal Zeit sparen" ist es inzwischen zu einem echten Produktivitäts-Booster geworden.

Open Source: Teilen macht Sinn

Wir planen, das Boilerplate open source zu machen. Warum? Weil wir selbst oft von Open Source Tools profitiert haben und was zurückgeben wollen. Und weil wir glauben, dass andere Entwickler die gleichen Probleme haben wie wir.

Falls du Interesse hast, schau gerne auf unserer Landing Page vorbei. Da siehst du auch alle technischen Details und kannst das Boilerplate schon jetzt kaufen.

Warum wir darüber schreiben

Ehrlich gesagt geht's uns nicht nur ums Teilen. Wenn du ein individuelles Projekt planst und nach Entwicklern suchst, die wissen, was sie tun, dann zeigt dir unser Boilerplate, wie wir arbeiten. Strukturiert, durchdacht, mit Fokus auf Qualität und Effizienz.

Wir bauen nicht nur Code – wir bauen Systeme, die funktionieren. Unser Boilerplate ist das beste Beispiel dafür. Es ist entstanden, weil wir ein echtes Problem hatten und eine echte Lösung gebraucht haben. Genau so gehen wir auch an Kundenprojekte ran.

Das Fazit

Manchmal lohnt es sich, das Rad neu zu erfinden – vor allem, wenn die existierenden Räder nicht rund laufen. Unser NextJS Boilerplate hat unsere Arbeitsweise komplett verändert. Mehr Speed, bessere Qualität, weniger Stress.

Falls du auch ständig neue Projekte startest und genervt bist vom immer gleichen Setup-Prozess: Vielleicht ist es Zeit für dein eigenes Boilerplate. Oder du schaust dir unseres an – wir haben die Arbeit ja schon gemacht.

Mehr Infos zu unserem NextJS Boilerplate findest du auf unserer Landing Page. Für individuelle Entwicklungsprojekte sind wir auch da – mit unserem bewährten Setup als Grundlage.