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; разрешение остальных зависимостей не выполнялось. Сервер, сборка, миграции, события диагностики и размещение не запускались. Все описанные результаты ожидаемые, статьи опубликованы.
Оглавление
- Первый проект Next.js и путь запроса
- Вложенные маршруты и параметры заявки
- Компоновки, шаблоны и группы маршрутов
- Метаданные страницы и учебное изображение
- Навигация, активная ссылка и поиск в URL
- Загрузка, отсутствие заявки и восстановление после ошибки
- Параллельная область и карточка в диалоге
- HTTP-обработчики, методы и ответы JSON
- Proxy и обработка запроса до страницы
- Серверные и клиентские компоненты: тема и композиция
- Статическое построение, текущий запрос и потоковый вывод
- Получение данных, проверка JSON и параллельные запросы
- PostgreSQL и серверные запросы Drizzle
- Вход, сессия и профиль Clerk
- Роли сотрудников и выборка по владельцу
- Создание заявки через Server Action
- Типизированная форма React Hook Form и ошибки сервера
- Изменение статуса, удаление и оптимистический интерфейс
- Поиск, сортировка, страницы и обновление таблицы
- Диагностика и договор выпуска Next.js-приложения
Учебный проект
Скачать двадцать полных состояний. Выберите один lesson-NN целиком. Состояния до подключения входа предназначены только для вымышленных локальных данных; после этапа полномочий все рабочие чтения и действия получают действующую личность. Публичные /catalog и /api/demo всегда используют фикстуры.
Таблица ограничена 200 загруженными строками, опрос выполняется периодически, создание не имеет идемпотентного ключа, удаление администратора не восстанавливается. Эти границы и условия выпуска записаны в последнем RELEASE.md. example_execution: not_run; локальный архив не является подтверждённым внешним приложением.