Portofolio Website v3

Personal ProjectsLive

Overview

This portfolio website is the third version of my personal site, rebuilt with Next.js after moving away from Gatsby. It is the main place where I present my projects, write about web development, and manage content through Strapi.

From Gatsby to Next.js

The previous version was built with Gatsby, but I wanted a setup that felt easier to maintain and better suited for dynamic project pages, content updates, and future improvements.

Content and project pages

The site uses Strapi as a headless CMS for project data, images, links, and descriptions. This makes it easier to update the portfolio without hardcoding every change in the frontend.

Focus of this version

The goal for v3 was to create a cleaner foundation for my personal website: better project pages, a more flexible content structure, responsive layouts, and room to keep improving the site over time.

Portofolio Website v3 screenshot

Tech stack

react-img
javascript-img
html5-img
css3-img
tailwind-img
shadcn-ui-img
docker-img
react-testing-library-img
jest-img
postgresql-img
nextjs-img
strapi-img