back

Portfolio-blog

2024-10-01
SCSS, Next.js, Strapi

Project:

Blog with Portfolio Section

Project Description:

Creation of a multifunctional website, including a blog and a portfolio section to showcase completed work. The homepage displays the latest posts and work examples, providing users with up-to-date information on new articles and projects.

Homepage:

Blog Homepage - Mobile and Desktop Versions

Features:

  • Homepage with the latest updates from the blog and portfolio.
  • Blog section for publishing articles and news.
  • Portfolio of completed projects to showcase skills and experience.
  • Contacts section for easy communication with site visitors.
  • Headless CMS integration: Strapi is used for content storage and management, making it easy to add and edit blog and portfolio entries.
  • Data requests from the frontend: Data is loaded from Strapi to the website using frontend requests.
  • Page rendering: SSR and SSG functionalities in Next.js are used to optimize page loading and improve SEO.
  • Styling: Basic Bootstrap classes are used for initial styling, along with custom SCSS classes for a unique visual style.
Strapi.js Admin Panel:

strapi.jpg

Technologies:

  • Next.js for the frontend with server-side rendering and static page generation.
  • Strapi as the headless CMS for content management.
  • Bootstrap and SCSS for responsive and customized styling.
LightHouse Scores:

lighthouse.jpg

Role:

Full-stack developer, handling CMS setup, API integration, and interface development using Next.js.

Project URL: zhanda.dev