Фреймворки 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 эҷод кунед.
