nextjs starter kit
1.0.0
โคลนที่เก็บ:
git clone <repository-url>
cd <project-directory>
ติดตั้งการพึ่งพา:
yarn
ตั้งค่าตัวแปรสภาพแวดล้อม: สร้างไฟล์ .env ในไดเรกทอรีรูทด้วยตัวแปรต่อไปนี้:
SUPABASE_URL=<your-supabase-project-url>
SUPABASE_SERVICE_KEY=<your-supabase-service-key>
# If using Stripe
STRIPE_SECRET_KEY=<your-stripe-secret-key>
NEXT_PUBLIC_STRIPE_PRICE_ID=<your-stripe-price-id>
# If using Clerk
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=<your-clerk-publishable-key>
CLERK_SECRET_KEY=<your-clerk-secret-key>
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
กำหนดค่าคุณสมบัติ: ใน config.ts ตั้งค่าคุณสมบัติที่ต้องการ:
const config = {
auth : {
enabled : true , // Set to false if not using Clerk
} ,
payments : {
enabled : true , // Set to false if not using Stripe
}
} ;ตั้งค่าฐานข้อมูล: เรียกใช้การย้ายถิ่นของ Prisma:
npx prisma migrate dev
เริ่มต้นเซิร์ฟเวอร์การพัฒนา:
yarn dev
เปิดเบราว์เซอร์ของคุณและนำทางไปที่ http://localhost:3000 เพื่อดูแอปพลิเคชันของคุณทำงาน
/api/auth/webhook และ Stripe (ถ้าใช้การชำระเงิน) AT /api/payments/webhookprisma/schema.prisma หากคุณต้องการเปลี่ยนโครงสร้างฐานข้อมูล อ้างถึงเอกสารของเทคโนโลยีแต่ละรายการที่ใช้ในโครงการนี้สำหรับข้อมูลรายละเอียดเพิ่มเติม: