Назад
Блог-портфолио
2024-10-01
SCSS, Next.js, Strapi
Проект:
Блог с разделом портфолио
Описание проекта:
Создание многофункционального веб-сайта, включающего блог и раздел портфолио для демонстрации выполненных работ. Главная страница содержит последние публикации и примеры работ, предоставляя пользователям актуальную информацию о новых записях и проектах.
Главная страница:
Функционал:
- Главная страница с последними обновлениями из блога и примеров работ.
- Раздел Блог для публикации статей и новостей.
- Портфолио выполненных работ для демонстрации навыков и опыта.
- Контакты для удобной связи с посетителями сайта.
- Интеграция с Headless CMS: Используется Strapi для хранения и управления контентом, что позволяет легко добавлять и редактировать записи блога и портфолио.
- Запросы данных с фронтенда: Данные из Strapi подгружаются на сайт с использованием запросов из frontend.
- Рендеринг страниц: Использованы SSR и SSG функционалы Next.js для оптимизации загрузки страниц и улучшения SEO.
- Стилизация: Применены некоторые классы Bootstrap для базовой стилизации, а также кастомные классы через SCSS для создания уникального визуального стиля.
Админ панель Strapi.js:
Технологии:
- Next.js для фронтенда с серверным рендерингом и генерацией статических страниц.
- Strapi как headless CMS для управления контентом.
- Bootstrap и SCSS для адаптивной и индивидуальной стилизации.
Показатели LightHouse:
Роль:
Фуллстек разработчик, охватывающий настройку CMS, интеграцию API и разработку интерфейса с использованием Next.js.