Глава 23. Введение в Next.js и создание проекта
Зачем эта глава
Next.js — это фреймворк поверх React. Он добавляет маршрутизацию, серверный рендеринг и удобную структуру.
Мы создадим новый проект и посмотрим, как он устроен.
Теория (коротко)
Next.js подходит для сайтов, где важны скорость и SEO.
Проект создаётся командой create-next-app.
npx create-next-app@latest my-next
cd my-next
npm run dev
Важно: Next.js сразу предлагает структуру папок и готовые настройки.
Задания
Задание: старт
- Создай проект Next.js.
- Запусти dev-сервер.
- Открой страницу в браузере.
Проверка себя
Ты можешь создать Next.js проект и запустить его локально.
Мини-проект
Цель: заменить контент стартовой страницы.
Требования: поменяй заголовок и добавь описание.
Критерий готовности: страница отражает твою тему.
Словарь главы
- Next.js
- Фреймворк для React-приложений с серверным рендерингом.
- create-next-app
- Команда для создания нового Next.js проекта.