Блоковая архитектура: страницы из JSON-массива блоков в Next.js
Блоковая архитектура: страницы из JSON-массива блоков в Next.js

Смотреть урок

Дополнительные файлы из урока

В прошлых уроках мы собрали фабрику посадочных страниц: страницы курсов генерируются динамически, у них работают мета-теги, картинки и отзывы из JSON-файла. Остаётся одна проблема: структура страницы жёстко прописана в page.tsx (картинка, описание, отзывы), и для другого порядка или нового раздела, например FAQ, пришлось бы переписывать код. В уроке я перевожу страницу на блоковую архитектуру: у каждой услуги в JSON появляется массив blocks, а порядок и состав блоков меняются правкой файла без вмешательства в React-код. Урок будет полезен тем, кто строит сайт с помощью Cursor и хочет масштабировать число типов страниц.

Оглавление с таймкодами:

0:00–1:09 Проблема: структура страницы зашита в page.tsx, и под каждый курс писать отдельный файл нельзя. Идея: страница как массив блоков, которым управляет JSON.
1:09–2:49 Добавляем в базу данных ключ blocks.…

🔒

Этот материал доступен участникам Клуба. Войдите или оформите доступ, чтобы читать целиком, открывать видео и комментировать.

Войти Вступить / купить доступ