หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>โค้ดแหล่งที่มา AI
ดาวน์โหลด

เว็บไซต์ส่วนตัวของฉัน

เริ่มต้น

  1. ติดตั้ง pnpm Package Manager: https://pnpm.io/
  2. เรียกใช้ pnpm ในไดเรกทอรีโครงการ
  3. เรียกใช้ pnpm dev เพื่อเริ่มเซิร์ฟเวอร์นักพัฒนาซอฟต์แวร์ในพื้นที่

ตัวแปรสภาพแวดล้อม

  • GITHUB_TOKEN : จำเป็นถ้าคุณต้องการดึงข้อมูล GitHub สำหรับโครงการ
  • NEXT_PUBLIC_SUPABASE_URL , SUPABASE_SERVICE_ROLE_KEY , NEXT_PUBLIC_SUPABASE_ANON_KEY : จำเป็นสำหรับการวิเคราะห์ ดู https://maxleiter.com/blog/supabase-next-analytics สำหรับข้อมูลเพิ่มเติม
  • หากคุณต้องการแฮช git commit ที่ด้านล่างของหน้าแรกคุณจะต้องโฮสต์ด้วย vercel หรือให้ NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA env var var

การใช้งาน:

  • pnpm <command> :
    • lint : ผ้าสำลีโดยอัตโนมัติ
    • dev : เริ่มอินสแตนซ์ท้องถิ่นด้วยการโหลดสดใหม่
    • rss : สร้างฟีด RSS
    • build : สร้างฟีด RSS และสถานที่ผลิต
    • analyze : สร้างชุดข้อมูลที่คุณสามารถตรวจสอบผ่าน @next/bundle-analyzer
    • start : เริ่มอินสแตนซ์การผลิตที่สร้างขึ้นผ่าน yarn build

โครงสร้างไดเรกทอรี:

  • แอป
  • components/ : ส่วนประกอบตอบสนอง
  • data/ : ข้อมูลคงที่ที่สามารถย้ายไปยังฐานข้อมูลหรือบางสิ่งบางอย่างในที่สุด
  • lib/ : hooks, api ของบุคคลที่สาม, ฟังก์ชั่น utils
  • pages/ : หน้า next.js (เส้นทางจริงที่แสดงผล)
  • styles/ : มีสไตล์ระดับโลก
  • pages/api : เส้นทาง NextJS API
  • posts/ : ไฟล์ Markdown แสดงผลในเวลาสร้าง
  • public/ : รูปภาพสำหรับบล็อก, Favicon, ไฟล์ที่สร้างขึ้น
  • scripts/ : มีสคริปต์สำหรับการสร้างฟีดแผนไซต์และฟีด RSS
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด