Sample Project

A placeholder project to demonstrate the projects list, detail pages, and MDX components.

This sample project shows that articles and projects share the same MDX components. You can use Callout, Tip, and CodeBlock in any project (or article) content.

Callout

Info callout

Use this for general notes or context. Great for "FYI" or "Good to know" style content.

Tip callout

Same as the dedicated Tip component—handy for suggestions and best practices.

Warning callout

Use for caveats, gotchas, or things to watch out for.

Tip

Tip

The Tip component is a shortcut for a tip-styled callout. Perfect for quick suggestions without a custom title.

CodeBlock

Example config
{
"name": "my-project",
"version": "1.0.0"
}
bash
npm install
npm run build

Add more .mdx (or .md) files in content/projects to list them on the projects page and render them at /projects/[slug] with the same components.