nextbase nextjs supabase starter

Starter NextBase

NextBase Lite adalah boilerplate Supabase Simple Next.js 13 + Supabase. Ini termasuk aplikasi Next.js 13 dengan TypeScript, Supabase dan CSS Tailwind. Ini termasuk semua folder app baru, komponen layout , server components dan banyak lagi!

Fitur

• Next.js 13 dengan komponen async
• Data mengambil contoh dalam reaksi server dan komponen klien. Data yang menegangkan mengambil dengan layar pemuatan minimal.
• ⚛️ React Query Setup dikonfigurasi
• Bereaksi komponen toast panas
• Sepenuhnya diketik dengan naskah. Termasuk pembuatan tipe otomatis untuk tabel Supabase
• ? Tailwindcss
• ? Pengujian unit dan pengaturan pengujian integrasi built-in
• Eslint, TypeScript, Prettier, PostCSS yang dikonfigurasi untuk lingkungan DEV dan uji
• ? Generasi sitemap otomatis
• ? SEO Metadata, JSON-LD dan Tag Grafik Buka dengan SEO Berikutnya
• ✍️ rilis semantik dengan generasi changelog otomatis
• ? Formatter kode yang lebih cantik
• ? Gaya minimal
• Basis kode yang mudah dibaca dan dimodifikasi

Perkembangan

1. Kloning repo
2. Pasang dependensi dengan yarn
3. Buat akun Supabase jika Anda belum memilikinya
4. Buat proyek baru di Supabase
5. Link Supabase ke proyek Anda menggunakan yarn supabase link --project-ref <project-ref> . Anda bisa mendapatkan REF proyek Anda dari dasbor proyek Supabase (Pengaturan Proyek -> API)
6. Duplikat .env.local.example dan ganti namanya menjadi .env.local dan tambahkan proyek REF, URL Supabase dan Anon.
7. Dorong skema basis data ke proyek Supabase Anda menggunakan yarn supabase db push .
8. Hasilkan Jenis untuk Tabel Supabase Anda Menggunakan yarn generate:types:local .
9. Jalankan yarn dev untuk memulai server pengembangan.

Pengujian

1. Uji unit menggunakan yarn test
2. Tes End-to-End Menggunakan yarn test:e2e

Penyebaran

Ini adalah proyek Next.js yang sederhana. Penempatan sama dengan proyek Next.js lainnya. Anda dapat menggunakannya ke Vercel, Netlify, atau penyedia hosting lainnya.

Berkontribusi

Kontribusi dipersilakan. Harap buka masalah atau PR.

Lisensi

Mit

Pemecahan masalah

Periksa file pemecahan masalah.md untuk masalah umum.

Premium NextBase Boilerplate

Periksa juga boilerplate premium kami dengan lebih banyak fitur. Ini termasuk sistem otentikasi yang berfungsi penuh, profil pengguna, organisasi, keamanan tingkat baris, dan banyak lagi.