นี่คือโปรเจ็กต์ Next.js ที่บูทด้วย create-next-app
ขั้นแรก ให้รันเซิร์ฟเวอร์การพัฒนา:
npm run dev
# or
yarn dev
# or
pnpm dev
เปิด http://localhost:3000 ด้วยเบราว์เซอร์ของคุณเพื่อดูผลลัพธ์
คุณสามารถเริ่มแก้ไขเพจได้โดยแก้ไข pages/index.tsx
หน้าจะอัปเดตอัตโนมัติเมื่อคุณแก้ไขไฟล์
สามารถเข้าถึงเส้นทาง API ได้ที่ http://localhost:3000/api/hello ตำแหน่งข้อมูลนี้สามารถแก้ไขได้ใน pages/api/hello.ts
ไดเรกทอรี pages/api
ถูกแมปกับ /api/*
ไฟล์ในไดเร็กทอรีนี้จะถือเป็นเส้นทาง API แทนที่จะเป็นหน้า React
โปรเจ็กต์นี้ใช้ next/font
เพื่อเพิ่มประสิทธิภาพและโหลด Inter ซึ่งเป็นแบบอักษร Google แบบกำหนดเองโดยอัตโนมัติ
หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ Next.js โปรดดูแหล่งข้อมูลต่อไปนี้:
คุณสามารถตรวจสอบพื้นที่เก็บข้อมูล Next.js GitHub - ยินดีรับข้อเสนอแนะและการมีส่วนร่วมของคุณ!
วิธีที่ง่ายที่สุดในการปรับใช้แอป Next.js คือการใช้แพลตฟอร์ม Vercel จากผู้สร้าง Next.js
ตรวจสอบเอกสารการติดตั้ง Next.js ของเราเพื่อดูรายละเอียดเพิ่มเติม