R

February 4, 2026

Building This Portfolio With Next.js 15

8 min read

Open in ChatGPT

How this portfolio was structured with the App Router, markdown blogging, and a practical deployment workflow. How this portfolio was structured with the App Router, markdown blogging, and a practical deployment workflow.

Building This Portfolio With Next.js 15

Why I Built This Portfolio

I wanted a portfolio that feels fast, simple, and easy to maintain. The goal was to keep the content workflow lightweight so writing new posts does not require a CMS. p

Stack Decisions

  • Next.js 15 with the App Router
  • TypeScript for predictable refactoring
  • Tailwind for rapid UI iteration
  • File-based Markdown posts in a root blogs/ directory

Markdown-First Blogging

Every post is a single .md file. I use frontmatter for post metadata like title, date, and tags. That lets the /blog page list posts automatically while /blog/[blogid] renders the full article.



What I Like About This Approach


    

  1. Version control for content and code in one place.
    2. 

  2. No admin dashboard needed.
    3. 

  3. Easy to move or back up.
    4. 



Next Improvements


    

  • Add a search bar for posts.
    • 

  • Add syntax highlighting for code blocks.
    • 

  • Add an RSS feed.
    • 



If you are building your own portfolio, this setup is a strong starting point.