Hikari

Vervollständigen Sie Next.js Abonnement Starter Vorlage

Das All-in-One-Starter-Kit zum Erstellen von Hochleistungs-SAAS-Anwendungen mit Next.js, Railwindcss und Supabase.

Warnung : Diese App ist eine laufende Arbeit. Ich baue das in der Öffentlichkeit auf. Folgen Sie den Fortschritten auf Twitter @antoinesoss__. Schauen Sie sich die folgenden Funktionen an.

? Merkmale

• ? Komplettes Auth -Paket : sichere Benutzerverwaltung und Authentifizierung mit Supabase
• Datenverwaltung : leistungsstarke Datenzugriffs- und Management -Tools auf PostgreSQL mit Supabase
• ? Stripe Integration : Seamless Integration in Stripe Checkout und das Stripe -Kundenportal
• Preisgestaltung und Abonnements : Automatische Synchronisierung von Preisplänen und Abonnementstatus über Stripe Webhooks
• ? Tailwindcss & Rückenwind UI : Anpassende und flexible UI -Komponenten mit Rückenwind UI
• ⚛️ React 18 : Genießen Sie die neuesten Funktionen und Verbesserungen mit React 18
• TypeScript : stark typisierte Programmierung für eine bessere Entwicklungserfahrung
• ? Shadcn/UI : Schöne und anpassbare UI -Komponenten
• ? ZOD
• ? Testwerkzeuge : Integrierte Einheit und E2E -Test mit Scherz, React Testing Library und Dramatiker
• Entwicklererfahrung : Eslint, hübscher, Husky und Commitlint für die Aufrechterhaltung der Codequalität und -konsistenz
• ? Supabase -Speicher - enthalten sind Richtlinien eingerichtet und die Bildkomprimierung im Browser umgehen.
• ⼬ TRPC - Fügen Sie eine Anleitung zum Hinzufügen eines sehr schlanken TRPC -Routers für Ihre API bei. Sie müssen nur 3 Ordner und 1 Datei hinzufügen.
• Lokale Entwicklung : Entwicklung lokal mit Supabase, Docker und einer Reihe von benutzerdefinierten Befehlen
• Dokumentation & Blog : Verwenden Sie den MDX-Compiler aus dem Open-Source-Projekt Fumadocs für Dokumentation und Blog-Inhalte.

? Demo

Live -Demo

Heldenabteilung:

Dashboard -Ansicht:

Preistabelle:

Dokumentation:

Blog:

? Schnellstarthandbuch

Steigen Sie schnell zum Laufen, indem Sie dem Schnellstarthandbuch folgen.

Live gehen

1. Archivtestprodukte

Archivieren Sie vor dem Live alle Testmodus -Streifenprodukte. Schalten Sie den Streifen vom Testmodus zum Produktionsmodus und aktualisieren Sie Ihre Umgebungsvariablen.

2. Redeploy

Nach dem Aktualisieren von Umgebungsvariablen können Sie Ihre Anwendung durch Vercel neu einsetzen.

Zusätzliche Funktionen

• ? Analytics Ready : Einfache Integration in Analyse -Tools wie Google Analytics
• I18N-Unterstützung : Eingebaute Internationalisierung mit Paraglide
• Lighthouse -Leistung : Erzielen Sie eine perfekte Punktzahl mit optimierter Leistung, Zugänglichkeit und SEO

? Beitrag

Dazu beitragen:

1. Geben Sie das Repository auf.
2. Erstellen Sie einen neuen Zweig.
3. Nehmen Sie Ihre Änderungen vor und begehen Sie sie.
4. Drücken Sie zum Gabel -Repository.
5. Erstellen Sie eine Pull -Anfrage.

❤️ Unterstützung

Wenn Sie das Projekt mögen, sollten Sie einen Stern verlassen. ?

Gemacht von Antoine Ross.