nextbase nextjs supabase starter

Nextbase Starter

Nextbase Lite ist ein einfaches Nächstes.js 13 + Supabase -Kesselplatte. Es enthält eine nächste. Es enthält alle neuen app -Ordner, layout , React server components und mehr!

Merkmale

• Weiter.js 13 mit asynchronen Komponenten
• Beispiele für Daten abrufen in React Server- und Client -Komponenten. Spannende Daten, die mit minimalen Ladebildschirmen abrufen.
• ⚛️ React Query Setup konfiguriert
• Heißtoastkomponente reagieren
• Vollgegeben mit TypeScript. Beinhaltet die automatische Typgenerierung für Supabase -Tabellen
• ? Rückenwindcss
• ? Einstellungen für Einstellungen und Integrationstests integrierte Einstellungen für Einstellungen
• Eslint, Typscript, schöner, postcss für Entwicklungs- und Testumgebungen konfiguriert
• ? Automatische Sitemap -Generation
• ? SEO-Metadaten, JSON-LD und Open Graph Tags mit dem nächsten SEO
• ✍️ Semantische Veröffentlichung mit automatischer ChangeLog -Generation
• ? Schönerer Codeformatierer
• ? Minimales Styling
• Codebase, die leicht zu lesen und zu ändern ist

Entwicklung

1. Klonen Sie das Repo
2. Installieren Sie Abhängigkeiten mit yarn
3. Erstellen Sie ein Supabase -Konto, wenn Sie noch keines haben
4. Erstellen Sie ein neues Projekt in Supabase
5. Link Supabase mit Ihrem Projekt mit yarn supabase link --project-ref <project-ref> . Sie können Ihr Projekt REF aus dem Supabase -Projekt -Dashboard (Projekteinstellungen -> API) erhalten.
6. Duplicate .env.local.example und benennen Sie es in .env.local um und fügen Sie den Projekt Ref, Supabase URL und Anon Key hinzu.
7. Drücken Sie das Datenbankschema mit yarn supabase db push in Ihr Supabase -Projekt.
8. Generieren Sie Typen für Ihre Supabase -Tabellen mit yarn generate:types:local .
9. Führen Sie yarn dev aus, um den Entwicklungsserver zu starten.

Testen

1. Einheitstest mit yarn test
2. End-to-End-Test mit yarn test:e2e

Einsatz

Dies ist ein einfaches Next.js -Projekt. Die Bereitstellung entspricht jedem anderen nächsten.js -Projekt. Sie können es für Vercel, Netlify oder einen anderen Hosting -Anbieter bereitstellen.

Beitragen

Beiträge sind willkommen. Bitte öffnen Sie ein Problem oder eine PR.

Lizenz

MIT

Fehlerbehebung

Checkout der Datei mit Fehlerbehebung.md für gemeinsame Probleme.

Premium Nextbase Boilerplate

Schauen Sie sich auch unsere Premium -Kesselplatte mit weiteren Funktionen an. Es enthält ein voll funktionsfähiges Authentifizierungssystem, Benutzerprofile, Organisationen, Sicherheit auf Zeilenebene und mehr.