Hello World

This is the first post on Save Point. I still want this file to exercise the MDX renderer, but it also feels like a good place to keep a working list of what the blog still needs.

Current TODO

• SEO basics: make sure every page has a solid title, description, canonical URL, and no accidental duplicate metadata.
• Search engine files: add sitemap.xml and robots.txt so crawlers can discover posts cleanly.
• Social sharing: generate Open Graph images and cleaner share text for posts and archive pages.
• Structured data: add JSON-LD for posts so search results can understand publish dates, titles, and article context.
• Feed support: publish an RSS feed so the site is easy to follow without relying on social apps.
• Post metadata: show reading time, updated date, and maybe a simple table of contents for longer articles.
• Content organization: add tag pages, category filters, and better post navigation like previous and next links.
• Accessibility pass: review heading order, color contrast, focus states, image alt text, and keyboard behavior.
• Performance cleanup: optimize covers, audit font loading, and keep the homepage visually light.
• Site pages: finish Friends, add an About page, and make the 404 page feel intentional instead of default.

Below is the MDX rendering test section. It still includes headings, paragraphs, inline code, lists, quotes, code blocks, links, and separators so it is easier to inspect spacing and typography.

Heading Level 2

This is a regular paragraph for testing line height, spacing, and muted text color. It also includes a local link and an external link.

Heading Level 3

This paragraph includes several inline code examples such as const value = 1, npm run dev, and <ArticleCard />.

Unordered List

• First unordered item
• Second unordered item with a bit more text to check wrapping behavior
• Third unordered item

Ordered List

1. First ordered item
2. Second ordered item
3. Third ordered item

Blockquote

This is a blockquote for testing the left border, spacing, and emphasis style inside MDX content.

Code Block

export function ExampleCard() {
  return {
    title: "Hello MDX",
    tags: ["test", "style", "content"],
  };
}

Horizontal Rule

Mixed Content

Here is another paragraph after the horizontal rule. It contains bold text, more inline code, and enough words to make sure paragraph rhythm still looks correct after other block elements.

Another Heading Level 3

Final paragraph for testing bottom spacing.

If all of these render cleanly, the MDX component mapping is in a pretty good place.