Blog markdown processing: gray-matter for frontmatter, remark plugins for GFM/TOC/Mermaid/slug generation, static path generation from file system.

Markdown Pipeline

E2E test setup using Playwright. Tests navigation, post rendering, heading anchors, and mobile responsiveness against the dev server.

Playwright Testing

<p>kyle.pericak.com is a statically exported Next.js 14 site. Markdown
files are processed at build time into HTML pages. The site is deployed
as static files with no server-side rendering at runtime.</p>
<h2 id="key-characteristics">Key Characteristics</h2>
<ul>
<li>Static HTML export (no Node.js server in production)</li>
<li>All internal links end in <code>.html</code></li>
<li>Material-UI (MUI) for components and responsive layout</li>
<li>Responsive breakpoint at 600px (mobile/desktop)</li>
<li>Sidebar with categories and tags on desktop, below content on mobile</li>
</ul>


Technical architecture of kyle.pericak.com: Next.js 14 static export, markdown-to-HTML pipeline, Playwright testing, and deployment.

Kyle Pericak

"It works in my environment"

Blog Architecture

Key Characteristics