Сайт-портфолио на Next.js + Strapi: быстрый и удобный
Я всегда стараюсь, чтобы мои проекты не просто выглядели красиво, но и были технологически выверенными. Недавно я полностью обновил свой личный сайт, и теперь он стал быстрее, удобнее и функциональнее.
Почему Next.js 15 + Strapi 5?
Для фронтенда я выбрал Next.js 15 — фреймворк, который идеально подходит для SSR (Server-Side Rendering) и гибридной генерации страниц. Это позволяет:
- Выводить контент уже готовым HTML на первой загрузке
- Обновлять кэш страниц автоматически
- Мгновенно переключаться между страницами
Бэкенд работает на Strapi 5 — headless CMS с API-first подходом. Она даёт мне гибкость в работе с контентом и легко интегрируется с внешними сервисами.
Максимальная скорость
Я оптимизировал рендеринг и кэширование, благодаря чему десктопная версия сайта получила 100/100 в Google PageSpeed Insights.
SSR генерирует страницы на сервере, а продуманное кэширование сокращает время ответа до минимума — новые страницы открываются практически мгновенно.
Удобный контент-менеджмент
В админке Strapi я подключил CKEditor вместо стандартного редактора. Это позволило:
- Быстро форматировать текст и добавлять медиа-файлы
- Вставлять кодовые блоки и цитаты прямо в статью
- Использовать дополнительные стили форматирования
Медиа-файлы хранятся через Cloudinary — это ускоряет загрузку изображений, автоматически подбирает оптимальный формат (WebP, AVIF) и даёт возможность легко менять размеры прямо в URL.
Современный дизайн на Tailwind
Шаблон сайта я собрал на Tailwind CSS. Это дало мне:
- Чистую и поддерживаемую кодовую базу стилей
- Возможность быстро настраивать адаптивный дизайн
- Гибкость при создании уникальных элементов
Итог
Мой обновлённый сайт-портфолио — это сочетание скорости, удобства и современного дизайна. Он мгновенно загружается, одинаково комфортно работает на любом устройстве и позволяет без труда публиковать новые материалы. Это не просто сайт, а гибкая платформа, которая будет расти и развиваться вместе со мной и моими проектами.
Другие статьи
