Тема 3 — Структура проекта Next.js и маршрутизация

Доступ к полному просмотру и файлам открыт только для активных участников ИИшенка Pro.

Базовая структура Next.js проекта, на котором дальше строится курс по Claude Code: папка app, группы маршрутов, layout и запуск dev-сервера. За 6 минут разбирается, как каталоги превращаются в адреса страниц и почему часть из них позже закроют аутентификацией.

Чему научишься

Открывать готовый Next.js проект в Visual Studio Code и ориентироваться в его файловой структуре
Понимать, как папки внутри src/app превращаются в маршруты в адресной строке браузера
Использовать группы маршрутов в круглых скобках, которые не попадают в URL, но позволяют задавать общие правила
Различать роль layout и страницы: контент передаётся в layout через children
Запускать проект командой npm run dev и проверять маршруты на localhost:3000

Тайм-коды

00:00Открываем проект Next.js в Visual Studio Code
00:30Что такое Next.js: фронтенд и бэкенд в одном проекте
01:00Как работает маршрутизация на сайте
02:01Папка app и группы маршрутов в круглых скобках
03:02Layout и children: общая обвязка для страниц
03:32Marketing, auth и platform: какие страницы будут закрыты
04:32Запуск проекта командой npm run dev
05:03Проверяем страницы: лендинг, sign up, sign in
05:34Маршрут /dashboard и будущая аутентификация

Проверяем доступ...