Перейти к содержанию
Профессор Веб

Next.js: диспетчерская «Смена»

Создадим «Смену»: учебную диспетчерскую заявок мастерской. Начнём с публичной фикстуры и дерева App Router, затем подключим PostgreSQL, доверенную личность Clerk, серверные полномочия и формы. Сотрудник работает со своими заявками, менеджер получает общий список, администратор может удалить запись.

Нужны React, основы TypeScript и HTTP. Основные версии: Next 16.4.0, React 19.3.0, Node.js не ниже 20.9.0. Используем TanStack Table v8, Clerk Core 3 и Drizzle 0.45.2; разрешение остальных зависимостей не выполнялось. Сервер, сборка, миграции, события диагностики и размещение не запускались. Все описанные результаты ожидаемые, статьи опубликованы.

Оглавление

  1. Первый проект Next.js: путь HTTP-запроса
  2. Маршруты Next.js: вложенные страницы и параметры
  3. Next.js App Router: layouts, templates и route groups
  4. Метаданные страницы в Next.js и изображение для превью
  5. Навигация Next.js: активная ссылка и поиск в URL
  6. Next.js: loading, not-found и обработка ошибок
  7. Next.js: параллельные маршруты и карточка в диалоге
  8. Route Handlers в Next.js: методы HTTP и ответы JSON
  9. Proxy в Next.js: обработка запроса до страницы
  10. Server и Client Components в Next.js: композиция и тема
  11. Рендеринг Next.js: статические страницы и streaming
  12. Получение данных в Next.js: JSON и параллельные запросы
  13. Next.js и PostgreSQL: серверные запросы через Drizzle
  14. Аутентификация Next.js с Clerk: вход и сессия
  15. Next.js: роли пользователей и доступ к своим данным
  16. Server Actions в Next.js: создание заявки
  17. React Hook Form в Next.js: типы формы и ошибки сервера
  18. Next.js: изменение данных и оптимистический интерфейс
  19. Next.js: поиск, сортировка и пагинация таблицы
  20. Деплой Next.js-приложения: конфигурация и диагностика

Учебный проект

Скачать двадцать полных состояний. Выберите один lesson-NN целиком. Состояния до подключения входа предназначены только для вымышленных локальных данных; после этапа полномочий все рабочие чтения и действия получают действующую личность. Публичные /catalog и /api/demo всегда используют фикстуры.

Таблица ограничена 200 загруженными строками, опрос выполняется периодически, создание не имеет идемпотентного ключа, удаление администратора не восстанавливается. Эти границы и условия выпуска записаны в последнем RELEASE.md. example_execution: not_run; локальный архив не является подтверждённым внешним приложением.