February 4, 2026
Building This Portfolio With Next.js 15
8 min read
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.
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
- Version control for content and code in one place.
- No admin dashboard needed.
- Easy to move or back up.
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.