firestarta

A Next.js Saas Boilerplate

Repositori ini berfungsi sebagai titik awal (atau boilerplate) untuk proyek SaaS selanjutnya.js yang membutuhkan otentikasi pengguna dan manajemen dan pembayaran berlangganan. Saat ini menggunakan PRISMA dengan database Postgres dan sedang dibangun menggunakan komponen shadcn/UI selain komponen sass khusus saat dibutuhkan.

Langsung firestarta.dev

Catatan

Sekarang menggunakan benang 4.1.0 melalui corePack.

Tumpukannya

Perubahan atau penambahan ke tumpukan akan diperbarui di sini

• Next.js
• NextAuth
• Naskah
• Prisma
• Supabase (Postgres)
• Lemon Squeezy (Langganan)
• Kelancangan
• shadcn/ui
• Ikon Lucide

Fitur

Fitur dikembangkan tanpa urutan tertentu

• Direktori Aplikasi
• Kelompok rute
• Rute Pencegatan & Paralel
• CSR/SSR
• Langganan dengan Squeezy Lemon
• SEO dasar
• Profil pengguna
• Halaman akun
• Komponen khusus
• Mode terang/gelap dihapus sementara
• Desain responsif
• Mode Cahaya (Tema)
• Tata letak dasboard
• Cookie
• Internasionalisasi (multi-bahasa)
• Kesalahan khusus
• Memuat status loading.tsx
• Sitemap
• Tampak
• Blog

Pratinjau

Pengaturan

Buat file .env.local dan hasilkan rahasia NextAuth menggunakan:

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=

Siapkan otentikasi github

Tip

Untuk mengatur github, kunjungi https://github.com/settings/apps untuk membuat aplikasi baru. URL callback harus: [origin]/api/auth/callback/[provider] sebagaimana dinyatakan dalam dokumentasi NextAuth.

Memulai

npx prisma migrate dev --name init
yarn dev

Buka http: // localhost: 3000 dengan browser Anda untuk melihat hasilnya.