Personal Portfolio Website

Personal Portfolio Website

A minimal, dark-themed personal portfolio built with Next.js 13, TailwindCSS, and Contentlayer, designed to showcase my most relevant work across tech, cybersecurity, music, and impactful personal experiences.

The site is fully static and backend-free, optimized for fast, low-maintenance deployment using Vercel. It's directly connected to my GitHub repository. Every time I push changes, the site is automatically redeployed in seconds via Vercel’s CI/CD pipeline.

Content is managed through Contentlayer, which allows me to write and organize .mdx files (Markdown + React) that are instantly converted into dynamic pages during build time. This approach keeps the project both scalable and easy to maintain.

Key features:

  • Static & backend-free architecture: no need for databases or APIs
  • Auto-deploy via Vercel: seamless integration with GitHub pushes
  • MDX content powered by Contentlayer: structured, markdown-like authoring experience
  • Glassmorphism UI: consistent dark theme with smooth visual identity
  • Modular layout with reusable components (Card, CardGrid)
  • Dynamic routing and background effects based on project categories
  • Fully responsive and accessibility-aware design

Visit filipegaio.vercel.app to explore the full site.