firestarta

Ein nächstes.js SaaS Boilerplate

Dieses Repository dient als Ausgangspunkt (oder Boilerplate) für jedes NEXT.JS -SaaS -Projekt, für das Benutzerauthentifizierung, Verwaltung und Abonnementzahlungen erforderlich sind. Derzeit verwendet PRISMA mit einer Postgres -Datenbank und wird bei Bedarf neben benutzerdefinierten Sass -Komponenten mit Shadcn/UI -Komponenten erstellt.

Live Firestarta.dev

Notiz

Verwenden Sie jetzt Garn 4.1.0 über Corepack.

Der Stapel

Änderungen oder Ergänzungen des Stacks werden hier aktualisiert

• Weiter.js
• NextAuth
• Typoskript
• Prisma
• Supabase (Postgres)
• Zitronenquadel (Abonnements)
• Sass
• Shadcn/Ui
• Lucide -Ikonen

Merkmale

Merkmale werden in keiner bestimmten Reihenfolge entwickelt

• App -Verzeichnis
• Routengruppen
• Abfangen und Parallelwege
• CSR/SSR
• Abonnements mit Zitronenquadrie
• Grundlegende SEO
• Benutzerprofile
• Kontoseiten
• Benutzerdefinierte Komponenten
• Helle/dunkle Modi vorübergehend entfernt
• Responsive Design
• Lichtmodus (Thema)
• Dasboard -Layouts
• Kekse
• Internationalisierung (Multi-Lingual)
• Benutzerdefinierte Fehler
• Ladezustände loading.tsx
• Sitemap
• Manifest
• Blog

Vorschau

Aufstellen

Erstellen Sie eine .env.local -Datei und generieren Sie das NextAuth -Geheimnis mit:

openssl rand -base64 32

.env.local

 NEXT_PUBLIC_SITE_URL=http://localhost:3000
NEXTAUTH_SECRET=
NEXTAUTH_URL=http://localhost:3000

GITHUB_SECRET=
GITHUB_ID=

DATABASE_URL=

LEMONSQUEEZY_STORE_ID=
LEMONSQUEEZY_API_KEY=
LEMONSQUEEZY_WEBHOOK_SECRET=

Richten Sie die GitHub -Authentifizierung ein

Tipp

Um GitHub einzurichten, besuchen Sie https://github.com/setings/apps, um eine neue App zu erstellen. Die Callback -URL sollte sein: [origin]/api/auth/callback/[provider] wie in der NextAuth -Dokumentation angegeben.

Erste Schritte

npx prisma migrate dev --name init
yarn dev

Öffnen Sie http: // localhost: 3000 mit Ihrem Browser, um das Ergebnis zu sehen.