Hello, world

Hello, world

This is the first post on the new site. Static page, generated at build time from a markdown file — gray-matter for frontmatter, marked for the body, and shiki for syntax highlighting.

Why a static blog?

Three reasons:

  1. Speed — no server, no cold starts.
  2. Simplicity — pnpm build produces a folder of HTML, CSS, and JS. That's the whole site.
  3. Portability — any static host (GitHub Pages, Cloudflare Pages, Netlify, S3) can serve it.

A snippet

import { marked } from "marked";
import { createHighlighter } from "shiki";

const h = await createHighlighter({
  themes: ["github-light", "github-dark"],
  langs: ["ts", "tsx", "bash"],
});

export const renderMarkdown = (raw: string) =>
  marked.parse(raw); // code blocks routed through shiki at build

A bit of bash too:

# build + serve
pnpm build
npx serve .output/public -p 4173

Inline pieces

You can mention inline code, bold, italic, and link to other places like the Solid docs or the DaisyUI components page.

What's next

  • Posts on tooling choices: SolidStart vs Astro for this site.
  • A short note on the GitHub build-time fetch.
  • Probably a small CLI write-up.