Установка фреймворка NextJS
В данном уроке мы установим NextJS.
Для установки данного фреймворка вам понадобится
NodeJS версии 20.9 или выше.
Для запуска установки в терминале нужно выполнить следующую команду:
npx create-next-app@latest
После этого запустится процесс установки и вам будет предложено ответить на ряд вопросов, с помощью которых будет сконфигурирован ваш фреймворк.
| Вопрос | Ответ |
|---|---|
| What is your project named? |
Здесь нам нужно задать имя нашему проекту.
Можно задать любое.
Напишите my-app.
|
| Would you like to use the recommended Next.js defaults? |
Рекомендуемые настройки включают TypeScript,
а этот учебник идёт на JavaScript.
Выбирайте No, customize settings. |
| Would you like to use TypeScript? |
Книга на JavaScript.
Выбирайте No. |
| Which linter would you like to use? |
ESLint проверяет оформление кода.
Выбирайте ESLint. |
| Would you like to use React Compiler? |
React Compiler - дополнительный оптимизатор,
в этом учебнике его не включаем.
Выбирайте No. |
| Would you like to use Tailwind CSS? |
Tailwind - CSS фреймворк для React.
Выбирайте Yes. |
| Would you like your code inside a `src/` directory? |
Исходники проекта будут в папке src.
Выбирайте Yes. |
| Would you like to use App Router? (recommended) |
App Router - роутинг, на котором построен учебник.
Выбирайте Yes. |
| Would you like to customize the import alias (`@/*` by default)? |
Оставляем алиас @/* по умолчанию.
Выбирайте No. |
| Would you like to include AGENTS.md to guide coding agents to write up-to-date Next.js code? |
Файл AGENTS.md нужен агентам для написания кода,
нам в учебнике он не нужен.
Выбирайте No. |
После ответов на все предлагаемые вопросы запустится установка фреймворка. Когда проект будет создан, перейдите в его папку:
cd my-app
Создайте проект на NextJS.
