How I Built This Porfolio

Introduction

This portfolio is built with Next.js 14 using the App Router and Static Site Generation (SSG).

Tech Stack

• Framework: Next.js 14
• Styling: Tailwind CSS
• Content: Markdown (parsed with gray-matter)
• Deployment: Static HTML on Hostinger

Key Features

1. SSG: Pre-rendered HTML for blazing fast load times.
2. Themes: Dark/Light mode with persistent state.
3. Sound: Auditory feedback on interactions.
4. PWA: Installable as a native app.

The Build Process

Used npm run build to generate the out/ directory, which contains pure static assets. PHP files for the contact form are served alongside.