diff --git a/_notes/2026-07-01-mewmew-template.markdown b/_notes/2026-07-01-mewmew-template.markdown new file mode 100644 index 0000000..558488a --- /dev/null +++ b/_notes/2026-07-01-mewmew-template.markdown @@ -0,0 +1,342 @@ +--- +layout: post +title: "mew mew template" +date: 2026-07-01 00:00:00 -0400 +tags: [snippet] +description: "A single-file Preact starter. No build step, no bundler — copy and go." +--- + +A lightweight base for single-file Preact apps. No install, no build step. Copy this file into a project directory, open it in a browser, start building. + +```html + + + + +mew mew + + + +
+ + + +``` diff --git a/_posts/2026-07-01-mewmew-template-post.markdown b/_posts/2026-07-01-mewmew-template-post.markdown new file mode 100644 index 0000000..7f7db17 --- /dev/null +++ b/_posts/2026-07-01-mewmew-template-post.markdown @@ -0,0 +1,61 @@ +--- +layout: post +title: "mew mew — a single-file Preact starter" +date: 2026-07-01 00:00:00 -0400 +description: "Why I keep coming back to a 330-line HTML file instead of scaffolding a new project." +--- + +Most of my internal tools start the same way: I need a UI, I need it fast, and I do not want to spend the first hour on config. + +The usual options are bad. Scaffold a Vite + React project and you get a `node_modules` directory before you've written a line of product code. Use a CDN script tag and you lose component model. Copy a previous project and you inherit its decisions. + +I wanted something I could drop in a directory and open in a browser. No install, no build, no dependencies on disk. Just a file. + +## What it is + +`mewmew.html` is a ~330-line single-file starter for Preact apps. It imports from `esm.sh` at runtime: + +```html +