មុន​នឹង​ចាប់​ផ្តើម​សិក្សា​ពី​កញ្ជប់ Nex.js យើង​ចាំបាច់​ត្រូវ​តំឡើង​កញ្ចប់​ Next.js នេះ​ជា​មុន​សិន ដោយ​បង្កើត​ថត​មួយ​សំរាប់​កម្មវិធី​ Next.js របស់យើង​ មាន​ជា​ឧទារណ៍​ដូច​ជាថត myapp ជា​ដើម​។ បន្ទាប់​មក​ទៀត យើង​ត្រូវ​ដំណើរការ​កម្មវិធី Visual Studio Code របស់​យើង​ និង​ចុច​បើក​ថត myapp នេះ រួចចុច​ Terminal > New Terminal ។ ដើម្បី​ដំឡើង​កម្មវិធី Next.js យើង​គ្រាន់​តែ​សរសេរ​នៅ​ផ្នែក Terminal ថា៖

npm install next react react-dom

នៅក្នុង​ឯកសារ package.json យើង​ចាំបាច់​ត្រូវ​សរសេរ​បន្ថែម​ដូច​ខាង​ក្រោម​នេះ៖

{
  "dependencies": {
    "next": "^12.1.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2"
  },
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  }
}

បន្ទាប់​មក​ទៀត​ យើង​ត្រូវ​បង្កើត​ថត​មួយ​មាន​ឈ្មោះ​ថា pages ដែល​នៅ​ក្នុង​នោះ យើង​ត្រូវ​បង្កើត​ឯកសារ​មួយ​មាន​ឈ្មោះ​ថា index.js រួច​សរសេរ​កូដ​នៅ​ក្នុង​នោះ​ថា៖

function HomePage() {
  return <div>Welcome to Next.js!</div>
}

export default HomePage

ចុង​ក្រោយ​បង្អស់ ដើម្បី​ដំណើរការ​កម្មវិធី​ Next.js ខាង​លើ​នេះ យើង​គ្រាន់​តែ​សរសេរ​នៅ​លើ​ផ្នែក​ Terminal ដូច​ខាង​ក្រោម​នេះ និង​ចុចបើក​ browser ចូល​ទៅ​កាន់​ទំព័រ​ដែល​មាន​អាស័យដ្ឋាន​ជា http://localhost:3000 គឺ​ជាការស្រេច​។

npm run dev