Hello World

Welcome to this blog powered by Comark and Next.js!

Comark extends standard Markdown with component syntax, and it integrates seamlessly with Next.js's server-first architecture.

This alert is rendered using a custom Comark component — no client-side JavaScript required.

Why Comark + Next.js?

Server-rendered — Comark parses and renders on the server via parse() and ComarkRenderer
Static generation — Full SSG with generateStaticParams for zero-latency delivery
Component syntax — Embed custom components directly in your Markdown

import { parse } from 'comark'
import { ComarkRenderer } from '@comark/react'

const tree = await parse(markdown)
// <ComarkRenderer tree={tree} components={{ Alert }} />

You get the best of both worlds: Next.js's static generation for performance and Comark for rich rendering.