mariokarras.com / site
One home for everything you build.
This page is a real explainer, served as static HTML in the shadcn design system. The homepage you came from is a Next.js gallery that found it automatically, read its metadata, and filed it under its project.
01 You run /walk or /walk2
The command builds a self-contained HTML page in the shadcn system — shadcn color tokens and Geist fonts, light and dark aware, single file, all styles inline.
02 It publishes here
The page is written to
public/explainers/<project>/ with a few
<meta name="mk:*"> tags describing its title,
project, summary, and date.
03 The gallery updates itself
On the next build, the homepage re-scans the folder and lists the new page under its project — searchable, filterable, dated. No manual index editing, ever.
04 Preview, then ship
A Vercel preview URL lets you see it live first; a push to
main promotes it to mariokarras.com.
Delete this page whenever.
It exists only to prove the pipeline works. Your real explainers replace it the moment you publish your first one.