Глава 23. Введение в Next.js и создание проекта

Зачем эта глава

Next.js — это фреймворк поверх React. Он добавляет маршрутизацию, серверный рендеринг и удобную структуру.

Мы создадим новый проект и посмотрим, как он устроен.

Теория (коротко)

Next.js подходит для сайтов, где важны скорость и SEO.

Проект создаётся командой create-next-app.

Bash
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 проекта.