next saas stripe starter

Nächster SaaS -Stripe -Starter

Beginnen Sie mit SaaS -Starter mit voller Geschwindigkeit!

Einführung · Installation · Tech Stack + Funktionen · Autor · Credits

Einführung

Stärken Sie Ihr nächstes Projekt mit dem Stapel von Next.
Alle nahtlos in den SaaS -Starter integriert, um Ihre Entwicklung und SaaS -Reise zu beschleunigen.

Installation

Klonen und erstellen Sie dieses Repo lokal mit dem folgenden Befehl:

npx create-next-app my-saas-project --example " https://github.com/mickasmt/next-saas-stripe-starter "

Oder mit Vercel einsetzen:

Schritte

1. Installieren Sie Abhängigkeiten mit PNPM:

pnpm install

2. Kopieren .env.example in .env.local und aktualisieren Sie die Variablen.

cp .env.example .env.local

3. Starten Sie den Entwicklungsserver:

pnpm run dev

Notiz

Ich verwende das NPM-Check-Updates-Paket für die Aktualisierung dieses Projekts.

Verwenden Sie diesen Befehl, um Ihr Projekt zu aktualisieren: ncu -i --format group

Roadmap

• Upgrade von Eslint auf V9 aktualisieren
• Fügen Sie Abonnements für Erfolgsabonnements hinzu

Tech Stack + Funktionen

Saas-Starter-Demo.mp4

Frameworks

• Next.js - React Framework zum Aufbau von Performanten -Apps mit der besten Entwicklererfahrung
• Auth.js - Verwenden Sie die Benutzerauthentifizierung mühelos mit Anbietern wie Google, Twitter, GitHub usw.
• Prisma-Typscript-First ORM für Node.js
• React -E -Mail - vielseitiger E -Mail -Framework für eine effiziente und flexible E -Mail -Entwicklung

Plattformen

• Vercel - Einfach Vorschau und Bereitstellung von Änderungen mit Git
• Wiederversenden - Ein leistungsstarkes E -Mail -Framework für optimierte E -Mail -Entwicklung
• Neon - serverlose Postgres mit Autoscaling, Verzweigungen, bodenloser Speicher und großzügiger freier Ebene.

Ui

• Tailwind CSS-Utility-First CSS-Framework für schnelle UI-Entwicklung
• Shadcn/UI-Wiederverwendbare Komponenten, die mit Radix UI und Rückenwind CSS erstellt wurden
• Framer Motion - Bewegungsbibliothek für die Reaktion auf animierte Komponenten mühelos
• Lucide-Wunderschön einfache Pixel-perfekte Symbole
• next/font - Optimieren Sie benutzerdefinierte Schriftarten und entfernen Sie externe Netzwerkanforderungen für eine verbesserte Leistung
• ImageResponse - Generieren Sie dynamische Bilder mit offener Graph am Rande

Haken und Dienstprogramme

• useIntersectionObserver - reagieren
• useLocalStorage - Bestehen Sie Daten im lokalen Speicher des Browsers an
• useScroll - reagieren Sie Hook, um die Scroll -Position zu beobachten (Beispiel)
• nFormatter - Formatnummern mit Suffixe wie 1.2k oder 1.2M
• capitalize - Kapitalisieren Sie den ersten Brief einer Zeichenfolge
• truncate - eine Zeichenfolge auf eine bestimmte Länge abschneiden
• use-debounce -Entdecken Sie ein Funktionsaufruf / Status-Update

Codequalität

• TypeScript-statischer Typ-Checker für End-to-End-Typensicherheit
• Schöner - Meinungscode -Formatierer für einen konsistenten Codestil
• Eslint - steckbarer Linter für Next.js und Typenkript

Verschiedenes

• Vercel Analytics-Geben Sie einzigartige Besucher, Seitenaufrufe und vielmehr auf Privatsphäre-freundlicher Weise an

Autor

Erstellt von @miickasmt im Jahr 2023, veröffentlicht unter der MIT -Lizenz.

Credits

Dieses Projekt wurde von Shadcns Taxonomie, dem Präzedenzfall von Steven Teys und Antonio Erdeljacs nächsten 13 AI SaaS inspiriert.

• Shadcn (@shadcn)
• Steven Tey (@steventey)
• Antonio Erdeljac (@ytcodeantonio)