The goal
The goal is to prove that adding an article is mostly a writing task. There is no database record, route registry, or admin screen to update.
This single MDX file provides:
- the article metadata shown around the page
- the text included in search
- the headings used by the table of contents
- the tags and category archive links
- the article URL
Frontmatter controls the listing
The block between the two --- markers is called frontmatter. Static North reads it automatically when it discovers this file.
title: "Testing the Static North Publishing Flow"
category: "Static North"
tags:
- MDX
- Authoring
draft: falseMarkdown handles most content
Ordinary Markdown is enough for paragraphs, emphasis, lists, links, tables, and code. Inline commands such as npm run dev receive technical styling automatically.
| Feature | What to write |
|---|---|
| Section heading | ## My heading |
| Inline code | Backticks around the text |
| Code block | Three backticks plus a language |
| Draft article | draft: true in frontmatter |
Code blocks are enhanced automatically
Adding a language after the opening backticks enables syntax highlighting. The article layout also adds the copy button.
type TestResult = {
articleFound: boolean;
route: string;
};
const result: TestResult = {
articleFound: true,
route: '/fixes/test-article',
};
console.log(result);A reusable command component
MDX also allows the small set of components documented in the README:
npm run devOnce the development server is running, open this test article and try searching for “authoring” or “publishing flow.”
What to try next
- Change the title and save the file.
- Add another heading and watch it appear in the table of contents.
- Add a new tag and follow its generated tag link.
- Copy this file into another content directory to create a different content type.