Nextfolio is an open-source portfolio and blog template built on Next.js, Tailwind CSS, and Vercel that lets developers publish a personal site with MDX-based writing, automated feeds, and generated social images.
What is Nextfolio?
Nextfolio is a clean, fast, and lightweight portfolio template built with Next.js, Tailwind CSS, and Vercel. It takes Markdown and MDX files for blog posts plus a central config file for site metadata, and produces a static portfolio site with a blog, RSS/Atom/JSON feeds, and SEO support. The template is open source under the MIT License and is hosted on GitHub at github.com/1msirius/Nextfolio.
Key Features
- MDX support — Write blog posts in Markdown and embed JSX components directly, powered by MDX.
- Light and dark mode — Toggle between themes for better readability at any hour.
- Dynamic OG images — Automatically generate Open Graph images for posts using Vercel's OG image generation, so shared links show rich previews.
- SEO optimization — Sitemap, robots.txt, and JSON-LD schema are included to improve search visibility.
- Automatic feeds — Dynamic RSS, Atom, and JSON feeds are generated at /rss.xml, /atom.xml, and /feed.json respectively.
- KaTeX integration — Mathematical expressions in posts render smoothly with KaTeX.
- Vercel analytics — Performance is tracked with Vercel Web Analytics and Speed Insights.
- Interactive embeds — Embed tweets and YouTube videos, with optional captions, and a built-in image grid for galleries.
Who is it for?
- Developers — Showcase projects and write technical blog posts without building a site from scratch.
- Technical writers and researchers — Publish Markdown-based articles with math notation via KaTeX.
- Designers and photographers — Display a portfolio and photo galleries using the image grid and caption features.
- Students and academics — Create a personal website with a built-in blog and clean, fast performance.
Use cases
- Indie developers — Launch a personal site with a blog, social links, and analytics in minutes.
- Tech bloggers — Publish MDX posts with embedded interactive content like tweets and YouTube videos.
- People who need math on their site — Write posts with mathematical expressions that render via KaTeX without extra plugins.
How does Nextfolio work?
Bootstrap a new project with pnpm create next-app --example https://github.com/1msirius/Nextfolio my-portfolio, then run pnpm dev. Update site metadata and social links in app/config.ts, update routes in app/sitemap.ts, and add blog posts to the /content folder. Deploy to Vercel with one click using the included deploy button.
Pricing
Nextfolio is free and open source, released under the MIT License. There are no paid tiers; you only pay for hosting and any services you choose.
FAQ
Is Nextfolio free?
Yes, Nextfolio is fully open source under the MIT License, so you can use it for personal or commercial projects without paying a license fee. You may still incur hosting costs from Vercel or other providers.
What does Nextfolio use?
Nextfolio is built with Next.js, Tailwind CSS, and MDX. It includes Vercel Web Analytics and Speed Insights for performance tracking, and can be deployed directly to Vercel.
Can I write math equations in Nextfolio?
Yes, Nextfolio includes KaTeX integration, allowing you to render mathematical expressions smoothly in your blog posts. This is especially useful for scientific or technical content.
Does Nextfolio support SEO?
Yes, it includes sitemap, robots.txt, and JSON-LD schema for enhanced search visibility, along with automatically generated OG images for social sharing. You can configure routes in app/sitemap.ts.
