Welcome to the example project. This page is written entirely in MDX, so you can mix prose, headings, lists, code blocks, and even React components.
What makes this work
The portfolio scans the projects/ folder at build time. Any .md or .mdx
file you drop in there automatically becomes a project page. No code changes
needed.
Features
- Auto-detected from the folder — no registry to edit
- Frontmatter drives the card on the home page
- Body is rendered with
next-mdx-remoteon the detail page
A code sample
export async function getProjects() {
const files = await fg("projects/*.md", { absolute: true });
return files.map(parseProject);
}
Tip: duplicate this file, rename it, change the frontmatter, and you have a second project instantly.