5 подписчиков
🧩 Я привык к WordPress и Битриксу, но попробовал Strapi + Next.js — и офигел
Последние годы делал сайты на WordPress и 1С-Битрикс. Всё по классике: админка, инфоблоки, шаблон, плагины — готово.
Рабочая схема, но с кучей “магии” и танцев с бубном при доработках.
Решил попробовать что-то свежее — и наткнулся на связку Strapi + Next.js.
Разобрался за пару вечеров. Честно — давно не кайфовал так от процесса разработки.
💡 Что такое Strapi?
Это headless CMS на Node.js.
Типа как WordPress, но без шаблонов и тем — только админка + API.
Сам задаёшь структуру данных, Strapi сам генерирует REST или GraphQL. Дальше — полная свобода.
Очень напоминает ACF в WordPress, но мощнее и гибче.
🔧 Как запускал:
Установил Strapi через npx create-strapi-app
Создал коллекцию «Блог» (заголовок, описание, картинка)
Наполнил её статьями через админку
Поднял проект на Next.js 14 (App Router)
Создал API-роут в Next.js: /api/strapi/[...path]/route.ts — он проксирует запросы к Strapi и подставляет нужный токен
В клиентском компоненте сделал fetch к своему API-роуту (/api/strapi/blog)
Вывел статьи на страницу
👉 Всё. Есть админка, API и современный фронт
🚀 Почему это круто:
✅ Структура данных — как инфоблоки, но удобно и понятно
✅ У Strapi нормальная админка, настраивается за пару минут
✅ REST или GraphQL API работает “из коробки”
✅ Backend и frontend можно разделить и деплоить отдельно
✅ Это не "шаблонный сайт", а реально кастомная разработка
🧠 Что даёт Next.js в этой связке:
🔹 SSR (Server-Side Rendering)
Контент рендерится на сервере и отправляется в браузер уже готовым.
Это даёт отличную скорость и идеально для SEO.
Главное — ты сам решаешь, что рендерить на сервере, а что на клиенте.
🔹 SPA (Single Page Application)
Переходы по сайту без перезагрузки страниц. Всё работает плавно, как в приложении.
Next.js делает это из коробки.
🔹 Компоненты
Весь интерфейс собирается из небольших блоков: <Header>, <BlogCard>, <Footer> и т.п.
Меняешь один компонент — меняется везде. Это удобно, модульно и читаемо.
🤯 Что меня реально удивило:
После WP и Битрикса, где часто приходится обходить ограничения.
Добавил поле — получил. Изменил компонент — сразу видно.
Ты разрабатываешь, а не «собираешь из готового».
💬 Если ты тоже из мира WP/Битрикса — попробуй.
Если страшно — используй вайб-кодинг и такие штуки как MCP в Cursor. Это кайф.
✍️ Думаю запилить мини-гайд:
📦 как связать Strapi и Next.js
Подписывайтесь на мой ТГ канал t.me/...leg
1 минута
8 июня 2025