Simple markdown demo

Minimal Next.js homepage

This page server-renders markdown from the public folder and can also refresh the parsed content through a small API route.

Content

Parsed from the markdown file in the public folder.

Welcome

This homepage reads its content from public/Home.md.

It is rendered on the server for the initial HTML response, and the same content can be fetched again in the browser through a small API route.

Why this setup?

  • The raw markdown file stays directly accessible at /Home.md.
  • Frontmatter is parsed separately and shown next to the content.
  • The page stays simple and easy to extend later.

You can edit this file and use the refresh button to load the updated content.

Source file: /Home.md

News

Frontmatter validated through the news markdown collection.

2026-03-28

Launch note

The first sample news entry shows how a list can be driven purely from markdown frontmatter.

Open markdown

2026-03-29

Editor update

The markdown API can return frontmatter from a glob pattern for lightweight content lists.

Open markdown

2026-03-30

Content refresh

Client components can refresh the frontmatter list through the generic markdown API route.

Open markdown

Demo gallery

A simple picture grid using placeholder images from Picsum to show how a visual section can sit inside the same card stack.

Testimonials

Short notes loaded from markdown files in /public/testimonials.

“The file-backed setup removed the usual CMS hesitation. We could edit copy, review diffs, and publish without losing sight of the underlying markdown.”

Anna Becker

Editorial Lead at North Studio

Open markdown

“News entries, pages, and homepage content all follow the same pattern, which made the site easier to extend without inventing new tooling for authors.”

Lukas Hahn

Content Designer at Field Notes

Open markdown

“The admin side feels calm because the website model is calm. Every change still resolves to a real file we can inspect, reuse, and trust.”

Mira Voss

Managing Editor at Atlas Review

Open markdown

Routed markdown pages

Files inside /public/pages become real routes and can carry typed SEO frontmatter.

Open sample page