NextJS фреймворгин орнотуу
Бул сабакта биз NextJSти орнотобуз.
Бул фреймворкту орнотуу үчүн сизге
22 же андан жогорку версиядагы NodeJS керек болот.
Орнотууну иштетүү үчүн терминалда төмөнкү команданы аткарышыңыз керек:
terminalnpx 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 тандоо. |
Сунуш кылынган бардык суроолорго жооп бергенден кийин фреймворкту орнотуу башталат. Долбоор түзүлгөндө, анын бумасына өтүңүз:
terminalcd my-app
Задание 1
NextJSте долбоор түзүңүз.