ShipFast
Marc Lou · Coding
ShipFast ist ein Next.js-Boilerplate von Marc Lou, in dem Zahlungen, Login, E-Mails, Datenbank und SEO schon verbunden sind. Ein SaaS oder KI-Tool geht damit in Tagen live statt in Wochen.
Über ShipFast
About
Was ist ShipFast
ShipFast ist eine kostenpflichtige Codevorlage für Web-Apps auf Next.js. Sie starten nicht mit einem leeren Ordner, sondern bekommen eine laufende Anwendung, in der das Unangenehme erledigt ist: eine Preisseite, die Karten abbucht, ein Login-Ablauf, ein Blog und E-Mails, die im Posteingang landen. Im Repository wählen Sie JavaScript oder TypeScript und den App- oder den Pages-Router.
Das Produkt kommt aus einem Problem, das sich ständig wiederholt. Wer allein baut, richtet immer dieselbe Basis ein: Stripe-Webhooks, DKIM-Einträge, Zustimmungsseiten für Google OAuth, SEO-Metadaten, die Datenbankverbindung. Jeder Baustein kostet einen Nachmittag. Zusammen fressen sie den ersten Projektmonat, und keiner davon macht das Produkt eigenständig.
Genau diesen Tausch verkauft ShipFast, mit einer klaren Grenze. Es ist ein Next.js-Starter-Kit und kein Website-Baukasten. Die Funktionen schreiben Sie weiterhin selbst in React, und Sie sollten mit Next.js vertraut sein. Es gibt keine gehostete Version, keinen kostenlosen Tarif und keinen visuellen Editor. Wer eine fertige App ohne Codezeile sucht, ist hier falsch.
Erste Schritte
- Wählen Sie auf shipfa.st den Tarif Starter oder All-in und zahlen Sie einmalig. Der Zugang zum Repository kommt direkt nach dem Kauf.
- Klonen Sie das Repository in Ihr GitHub-Konto und öffnen Sie es in VS Code oder Cursor.
- Tragen Sie die Umgebungsvariablen für Zahlungsanbieter, Datenbank und E-Mail-Dienst ein. Die Voreinstellungen gehen von Stripe, MongoDB und Mailgun aus, und jeder Baustein lässt sich sauber austauschen.
- Arbeiten Sie das Tutorial durch, das mit der Dokumentation kommt. Es behandelt OAuth-Schlüssel, DNS-Einträge für die Versand-Subdomain und das erste Deployment auf Vercel.
- Ersetzen Sie Demo-Texte und Preistabelle durch Ihre eigenen, und nehmen Sie eine Testzahlung ab, bevor Sie etwas ankündigen.
Produktinformationen
Ein kurzer Überblick über Preise, unterstützte Plattformen und die Leistung von ShipFast.
Am besten für
Die Nutzer, Aufgaben und Szenarien, für die dieses Tool am besten passt.
Nutzer
- Solo-Gründer und Indie-Maker
- Entwickler, die modernes Next.js lernen
- Kleine Teams, die einen KI-Wrapper veröffentlichen
Aufgaben
- Zahlungen in einem neuen SaaS abwickeln
- Google-Login und Magic Links ergänzen
- Ein Blog mit sauberen SEO-Tags starten
Szenarien
- Ein Wochenend-MVP, das am Montag echtes Geld einnehmen muss
- Eine Idee prüfen, bevor Sie den Job kündigen
- Kundenarbeit, bei der Sie denselben Stack immer wieder bauen
Wichtigste Funktionen
Zahlungen an Stripe und Lemon Squeezy angebunden
Checkout, Abo-Webhooks und Abrechnungsportal sind ab Werk verbunden. Sie hinterlegen Ihre Schlüssel, setzen Ihre Preise, und der Ablauf funktioniert. Verlängerungen, abgelehnte Karten und Kündigungen laufen über Webhook-Ereignisse, die im Repository schon vorhanden sind. Lemon Squeezy steht bereit, wenn Sie die Steuerregeln von Stripe nicht selbst abbilden wollen. Auf dieses Feature kommt der Kauf am häufigsten zurück, weil ein Zahlungsfehler echten Umsatz kostet.
Login mit Google OAuth und Magic Links
Die Vorlage liefert zwei Wege hinein. Google OAuth deckt den Normalfall ab, Magic Links bedienen alle, die kein weiteres Passwort wollen. Sitzungsverwaltung, geschützte Routen und die Weiterleitung nach dem Login sind bereits geschrieben, Zeit geht also ins Dashboard und nicht in den Login-Screen.
Transaktionsmails, die nicht im Spam landen
ShipFast richtet Mailgun oder Resend mit den DNS-Einträgen ein, die über die Zustellung entscheiden: DKIM, DMARC und SPF auf einer Versand-Subdomain. Ein Webhook zum Empfangen und Weiterleiten von Mail ist ebenfalls dabei. Ohne diese Einträge landet ein Passwort-Reset im Spam, und der Nutzer hält Ihre App für kaputt.
Datenbank und geschützte API-Routen
MongoDB und Supabase werden unterstützt, Verbindungsschicht und Beispielmodelle liegen bereit. API-Routen bringen ein Schutzmuster mit, sodass eine Route mit Login-Pflicht nicht versehentlich anonyme Anfragen beantwortet. Ein Wechsel auf Postgres bedeutet, die Datenschicht zu ändern, nicht die App neu zu schreiben.
SEO, Blog und Abschnitte für die Verkaufsseite
Metadaten-Helfer, Sitemap, ein Blog mit Markdown-Beiträgen und wiederverwendbare Abschnitte für Preise, FAQ und Stimmen sind enthalten. Sie kopieren einen Abschnitt in eine neue Seite, und er funktioniert weiter. Für ein SaaS-Boilerplate auf Next.js deckt das die Seiten ab, die fast jedes Projekt am ersten Tag braucht.
Eine Codebasis für KI-Editoren
Das Repository hält Dateinamen, Komponentenmuster und Datenabruf durchgehend gleich. Dadurch bekommt Cursor oder Copilot echten Kontext statt Vermutungen. Fragen Sie eine neue Funktion ab, passt der erzeugte Code meist zur vorhandenen Struktur, Sie prüfen also weniger und veröffentlichen früher.
Vor- und Nachteile
Vorteile
- Eine Zahlung deckt unbegrenzte Projekte und lebenslange Updates ab, was bei häufigen Launches zählt.
- Die glanzlosen Teile sind fertig und getestet: Webhooks, DNS für E-Mails, OAuth-Callbacks und geschützte Routen.
- Die gleichbleibende Struktur macht KI-Editoren hier deutlich nützlicher als in einem leeren Projekt.
- Die Dokumentation geht die Schritte durch, die sonst brechen, inklusive der Einträge für die Versand-Domain und des ersten Deployments.
Nachteile
- Kein kostenloser Tarif und keine Testphase, Sie zahlen also, bevor Sie eine Zeile Code sehen.
- Alles hängt an Next.js. Arbeitet Ihr Team mit Vue, Svelte oder reinem React, spart die Vorlage nichts.
- Der enthaltene Stack schiebt Sie zu bestimmten Anbietern, und ein Wechsel kostet echte Arbeit, auch wenn die Dokumentation die Bausteine unabhängig nennt.
- Ab $199 liegt der Preis über kostenlosen Starter-Kits, und der Unterschied lohnt sich nur, wenn Sie sonst Tage mit der Einrichtung verlieren würden.
Häufige Fragen
Sie erhalten ein Next.js-Repository mit Zahlungen, Login, Datenschicht, E-Mails, Blog, SEO-Helfern und UI-Komponenten sowie das schriftliche Tutorial. Der Zugang umfasst die JavaScript- und die TypeScript-Version und beide Router-Stile, Sie entscheiden sich nach dem Kauf.
Ähnliche Inhalte
Entdecke passende Tools, Skills und Artikel zu ShipFast.
Alternativen zu ShipFast
Base Code
Base44 (Wix) · Coding · ProduktivitätBase Code ist eine geteilte Cloud-Entwicklungsumgebung von Base44. Das Team beschreibt Änderungen an einem bestehenden GitHub-Repository im Chat, prüft sie in der Vorschau und reicht sie als Pull Request ein.
Google EmbeddingGemma 2
Google DeepMind · Schreiben · Bilder · CodingGoogle EmbeddingGemma 2 ist ein offenes Modell mit 740 Millionen Parametern, das Text, Code, Bilder, Audio und Videobilder in Vektoren eines gemeinsamen 768-dimensionalen Raums umwandelt und auf Handys und Notebooks läuft.
GitGlow
GitGlow · Coding · ProduktivitätGitGlow ist ein Git-Client für den Desktop, der Ihren Code und die Änderungen Ihrer KI-Agenten in einer Review bündelt, damit Sie vor dem Ausliefern sehen, was die Maschine verlässt.