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 - бу React учун махсус CSS фреймворки.
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 да лойиха яратинг.
