Angular
เรามา hello world ใน NextJs กันครับ
-
สร้างโปรเจ็คกันก่อนครับ ก่อนอื่นเราไปสร้าง folder สำหรับเก็บ project กันก่อน
-
จากนั้นไปสร้างโปรเจ็คโดยใช้คำสั่ง
npx create-next-app
- ให้เข้าไปยัง directory ของ project ที่สร้างไว้โดยใช้คำสั่ง
cd my-next-app
- สร้างไฟล์ใหม่ที่ชื่อ
pages/index.js
จากนั้นเขียนโค้ด Hello World ในไฟล์นี้ ตามตัวอย่าง
export default function Home() {
return <h1>Hello World!</h1>
}
- ลองรันดูครับ ตามคำสั่ง
npm run dev
- ลองทำสอบโดยเข้าไปที่
http://localhost:3000
เราจะเห็น Hello world แล้วครับ