next start

เริ่มต้นต่อไป

ผู้เริ่มต้นขั้นตอนต่อไป

• เริ่มต้นต่อไป
  • กองซ้อน
  • กิ่งก้าน
  • การตั้งค่า
  • ทรัพยากร

กองซ้อน

• รูปแบบผ้าสำลี / รหัส
  • eslint
    • eslint-config-prettier
      • ESLINT | next.js
    • ESLINT-PLUGIN-CHECK-FILE
      • คู่มือ React Bulletproof
    • ESLINT-PLUGIN-N
  • สวยกว่า
    • @trivago/prettier-plugin-sort-imports
    • prettier-plugin-tailwindcss
      • การเรียงลำดับชั้นเรียนอัตโนมัติ
• ตัวแปรสภาพแวดล้อม
  • dotenv
  • dotenv-expand
  • @t3-oss/env-nextjs
    • เอกสาร
  • ข้าม Env
• สไตล์ / ui
  • tailwindcss
  • @nextui-org/react
    • Nextui
  • ธีมถัดไป
  • @tabler/icons-react
    • การค้นหาไอคอน tabler
• การตรวจสอบความถูกต้อง
  • zod
  • @conform-to/zod
    • Conform | next.js
  • ซอด
    • Drizzle Zod Docs
• รูปแบบ
  • @conform-to/react
• ฐานข้อมูล
  • อมตะ
  • Postgres
  • ละอองฝน
• การรับรองความถูกต้อง
  • ต่อไป
  • @Auth/Drizzle-Adapter
    • Auth.js Drizzle Adapter เอกสารประกอบ

กิ่งก้าน

สาขาหลักประกอบด้วยการตั้งค่าทั้งหมด สาขาต่อไปนี้สร้างขึ้นจากบนลงล่าง:

• ฐาน
  • การตั้งค่า eslint / prettier
• Nextui
  • เค้าโครง / สไตล์
  • สลับธีมสีเข้ม / แสง
• typesafe-env
  • ตัวแปรสภาพแวดล้อมแบบ typesafe
• ต่อไป
  • Google Oauth โดยไม่มีฐานข้อมูล
• ฝนตกปรอยๆ / หลัก
  • Schema Drizzle ขั้นพื้นฐานที่มีผู้ใช้ / บัญชี / เซสชัน

การตั้งค่า

1. ติดตั้งการพึ่งพา:

pnpm install

2. คัดลอกไฟล์ .env :

cp .env.example .env

3. อัปเดตค่าต่อไปนี้ในไฟล์ .env :

NEXTAUTH_SECRET=your-value-here
GOOGLE_CLIENT_ID=your-value-here
GOOGLE_CLIENT_SECRET=your-value-here

4. เริ่มฐานข้อมูล:

docker compose up

5. โยกย้ายฐานข้อมูล:

pnpm run db:migrate

6. เริ่มแอพ:

pnpm run dev

ทรัพยากร

• next.js คำถามที่พบบ่อย
  • ข้อผิดพลาด "โมดูลไม่พบ" ในการปรับใช้ แต่ build ทำงานได้ดีในพื้นที่
• Bulletproof React