Build your portfolio blog in minutes.
A high-performance MDX engine for Next.js. postfolio handles the complexity of bundling, TOC generation, and active heading tracking so you can focus on writing.
Lightning Fast Bundling
Powered by mdx-bundler with remark-gfm. Compile your MDX content at runtime with GFM support.
const { code } = await MDXPost(slug, "blogs");
// Render with ease
<Content code={code} />RSC Native
Optimized for the Next.js App Router. Ship zero client-side JavaScript for your static blog content.
Active Headings
Built-in hooks to track the current heading in view. Perfect for synced table of contents.
Structured Content
Automatic Table of Contents generation and type-safe frontmatter extraction built directly into the server utilities.
From the blog
Explore what's possible with postfolio.
Unexpected UI system in my first project.
About a month into my React journey, I hit a turning point where I had to commit to building my first...
JSX — A Formal View (JavaScript + XML Syntax Extension)
JSX (JavaScript XML) is a syntax extension for JavaScript that allows developers to describe UI...
Understanding Component Architecture
A short MDX example with three heading levels.
Installation Guide
Learn how to install and set up postfolio in your Next.js project.