firestarta

text.js saas boilerplate

ที่เก็บนี้ทำหน้าที่เป็นจุดเริ่มต้น (หรือแผ่นหม้อต้ม) สำหรับโครงการ Next.js SaaS ใด ๆ ที่ต้องการการตรวจสอบสิทธิ์ของผู้ใช้และการจัดการและการชำระเงินการสมัครสมาชิก ปัจจุบันใช้ PRISMA กับฐานข้อมูล Postgres และถูกสร้างขึ้นโดยใช้ส่วนประกอบ ShadCN/UI นอกเหนือจากส่วนประกอบ SASS ที่กำหนดเองเมื่อจำเป็น

Live Firestarta.dev

บันทึก

ตอนนี้ใช้เส้นด้าย 4.1.0 ผ่าน Corepack

สแต็ค

การเปลี่ยนแปลงหรือเพิ่มเติมไปยังสแต็ค Teh จะได้รับการอัปเดตที่นี่

• next.js
• Nextauth
• ตัวพิมพ์ใหญ่
• ปริซึม
• Supabase (postgres)
• Lemon Squeezy (การสมัครสมาชิก)
• เขี้ยว
• Shadcn/ui
• ไอคอนลูไซด์

คุณสมบัติ

คุณสมบัติได้รับการพัฒนาตามลำดับที่เฉพาะเจาะจง

• ไดเรกทอรีแอพ
• กลุ่มเส้นทาง
• การสกัดกั้นและเส้นทางคู่ขนาน
• CSR/SSR
• การสมัครสมาชิกกับ Lemon Squeezy
• SEO พื้นฐาน
• โปรไฟล์ผู้ใช้
• หน้าบัญชี
• ส่วนประกอบที่กำหนดเอง
• โหมดแสง/มืด ลบออกชั่วคราว
• การออกแบบที่ตอบสนอง
• โหมดแสง (ธีม)
• เค้าโครง Dasboard
• คุกกี้
• การเป็นสากล (หลายภาษา)
• ข้อผิดพลาดที่กำหนดเอง
• การโหลดสถานะ loading.tsx
• แผนผังไซต์
• ประจักษ์
• บล็อก

ดูตัวอย่าง

การตั้งค่า

สร้างไฟล์ .env.local และสร้างความลับ Nextauth โดยใช้:

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=

ตั้งค่าการรับรองความถูกต้องของ GitHub

เคล็ดลับ

หากต้องการตั้งค่า GitHub เยี่ยมชม https://github.com/settings/apps เพื่อสร้างแอพใหม่ URL การโทรกลับควรเป็น: [origin]/api/auth/callback/[provider] ตามที่ระบุไว้ในเอกสารประกอบ NextAuth

เริ่มต้น

npx prisma migrate dev --name init
yarn dev

เปิด http: // localhost: 3000 พร้อมเบราว์เซอร์ของคุณเพื่อดูผลลัพธ์