การติดตั้งเฟรมเวิร์ก NextJS

ในบทเรียนนี้ เราจะติดตั้ง NextJS สำหรับการติดตั้งเฟรมเวิร์กนี้ คุณจะต้องมี NodeJS เวอร์ชัน 22 หรือสูงกว่า

เพื่อเริ่มการติดตั้งใน เทอร์มินัล คุณต้องรันคำสั่งต่อไปนี้:

npx create-next-app@latest

หลังจากนั้น กระบวนการติดตั้งจะเริ่มทำงาน และคุณจะถูกขอให้ตอบคำถามหลายข้อ ซึ่งจะใช้ในการกำหนดค่าฟเฟรมเวิร์กของคุณ

คำถาม	คำตอบ
What is your project named?	ที่นี่เราต้องกำหนดชื่อให้กับโปรเจกต์ของเรา สามารถตั้งชื่ออะไรก็ได้ เขียน `my-app`
Would you like to use TypeScript?	ที่นี่เราถูกเสนอให้ใช้ TypeScript เราจะไม่ทำเช่นนั้น เพราะเพื่อความง่าย เราจะทำงานบน JavaScript เลือก No
Would you like to use ESLint?	ESLint เป็นไลบรารีพิเศษที่ตรวจสอบ ความสอดคล้องของโค้ดของคุณกับมาตรฐานการจัดรูปแบบ เลือก Yes
Would you like to use Tailwind CSS?	Tailwind เป็นเฟรมเวิร์ก CSS พิเศษสำหรับ React เลือก Yes
Would you like to use `src/` directory?	ที่นี่ถูกถามว่า เราต้องการให้โปรเจกต์ของเรา อยู่ในโฟลเดอร์ `src` หรือไม่ เลือก Yes
Would you like to use App Router?	เปิดใช้งานตัวเลือกการกำหนดเส้นทางสมัยใหม่ เลือก Yes
Would you like to customize the default import alias (@/*)?	การตั้งค่านี้ช่วยให้ง่ายขึ้น เส้นทางไปยังไฟล์เมื่อใช้ การนำเข้าไฟล์ เลือก Yes

หลังจากตอบคำถามที่เสนอทั้งหมดแล้ว การติดตั้งเฟรมเวิร์กจะเริ่มต้นขึ้น เมื่อโปรเจกต์ถูกสร้างแล้ว ให้เปลี่ยนไปยัง โฟลเดอร์ของมัน:

cd my-app

สร้างโปรเจกต์บน NextJS