As a web developer, I wanted to create a minimal, visually appealing portfolio that would showcase my projects and highlight my skills.
The Process
Like any other project, the first step included brainstorming and wireframing to establish the layout and design of the website. I then proceeded to create detailed designs in Figma and develop the website using Next.js.
Tech Stack
The website was built using Next.js with TypeScript, TailwindCSS for styling, GSAP for animations and Lenis for smooth scrolling. Responsive design was a priority, so the website was designed with mobile-first in mind. The hosting platform of choice was Vercel.
Rationale
Since the portfolio is a static website, it could be implemented using vanilla HTML, CSS and JavaScript. However, I chose a static site generator like Next.js to also cover the possibility of adding a blog in the future. This will allow me to easily add new content, improve SEO and speed.
Future Updates
Going forward, I plan to add a blog section with detailed breakdowns of the features and technologies used in my projects. Additionally, I will introduce a separate section for experimental concepts, including code and design explorations.