NextJS фреймворкін орнату
Бұл сабақта біз NextJS орнатамыз.
Бұл фреймворкті орнату үшін сізге
NodeJS 22 нұсқасы немесе одан жоғарысы қажет.
Орнатуды бастау үшін терминалда төмендегі команданы орындау керек:
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 жобасын құрыңыз.