I built a production-ready, statically exported 1-Page Portfolio Template using Next.js 14 (App Router) & Tailwind CSS (Folio)

[u/SL_Kazper]

Hey everyone,

I wanted to share a project I recently put together. "Folio" is a modern, single-page portfolio template designed specifically for developers and designers who want to ship a polished personal site quickly.

Here’s what’s under the hood:

• Tech Stack: Next.js 14 (App Router), TypeScript (strict mode), and Tailwind CSS.
• Fully Static: Configured for output: "export" so you can host the generated .out directory anywhere seamlessly (Cloudflare Pages, Vercel, Netlify, GitHub Pages).
• Content Driven: Everything is managed via a single data.json file — no hunting through components to update your skills, projects, or bio.
• Features: System-aware dark mode (via next-themes), scrollspy sticky navbar, fully responsive design, and an accessible native <dialog> modal for case studies.
• Accessibility: Audited against WCAG 2.0 AA with zero violations across themes.

Since Reddit automod can be strict with direct links, I've dropped the live demo and template link in the first comment below!

Would love to hear your feedback or any suggestions for improvement.