Once you've made a set of pages, Origami makes it easy to group those pages by tags or other data.

Call the groupby builtin function and tell it what data you want to your pages by.

Create a page template to render a single group of items as HTML.

Then define a site area that transforms each group into a page using that template.

This week's #WebOrigami comic: Group pages

More about Tree.groupBy builtin function: weborigami.org/builtins/tre...
HTML comic: weborigami.org/comics/group...

#static #staticsite #smallweb

Making Origami expressions easier to learn and use Over this summer I’ve shifted the Origami expression language to be a closer dialect of JavaScript expressions.

Over this summer I’ve shifted the Origami expression language to be a closer dialect of JavaScript expressions. jan.miksovsky.com/posts/2025/0...

Origami is now **JavaScript expressions plus paths**, with additional features that make it easier to define a site.

#blogging #programminglanguages

Site creation as content transformation Making a website would be so much easier if the web came with a good conceptual model for thinking about site construction. If you’re making a spreadsheet, the spreadsheet grid provides a vital concep...

I wrote an article for the inaugural issue of Good Internet magazine!

I describe a conceptual model for site construction: goodinternetmagazine.com/site-creatio...

If you’re thinking about starting or rewriting a #smallweb #indieweb #blogging site, this is for you.

Write a very concise static site generator with Origami expression Last year I created a sample blog called #pondlife to show how to create a basic blog in Web Origami.

In which I compare the same blog rewritten four ways jan.miksovsky.com/posts/2025/0...

1. Minimalist #JavaScript with zero dependencies
2. JavaScript using the async-tree library
3. #WebOrigami
4. #Astro, a popular #SSG framework

Origami comes out nicely: concise source, modest dependencies, fast

Chart comparing build times across three blog versions, zero-dependencies is fastest

Chart comparing node modules across three blog versions, zero-dependencies is smallest

Making a small #JavaScript blog static site generator even smaller using the general async-tree library #ssg #blogging Using the async-tree library substantially cuts down the source code for a minimalist static site generator (SSG) in JavaScript, at a very modest cost in dependencies.

Using the async-tree library substantially cuts down the source code for a minimalist static site generator in #JavaScript, at a very modest cost in dependencies. The result is still fast and flexible. #ssg #blogging #WebOrigami

jan.miksovsky.com/posts/2025/0...

Configuring a complex tool can take more work that just coding the functionality from scratch. Earlier I created a simple blog in #Astro, a popular #SSG. That felt complicated, so I rewrote the entire #blogging project from scratch in pure JavaScript with 0 dependencies.

This went very well!

Chart comparing size of source code of 22K for zero dependency version and 11K for Astro version

Chart comparing 0 node_modules for zero dependency and 117Mb for Astro version

This minimalist static site generator pattern is only for #JavaScript developers who want something small, fast, flexible, and comprehensible jan.miksovsky.com/posts/2025/0...

Nice write-up!

Static site generators like Astro are actually pretty complex for the problems they solve https://jan.miksovsky.com/posts/2025/04-14-astro.html

Home jan.miksovsky.com/posts/2025/04-02-science...

Pull your documentation site content from your own GitHub wiki jan.miksovsky.com/posts/2025/03-25-pull-co...

Writing a VS Code extension in ES modules in early 2025 jan.miksovsky.com/posts/2025/03-17-vs-code...

I wrote a screenplay for a programming language introduction, then wrote a program to turn that into a motion comic I’ve posted a short introduction to the Origami language in the form of a motion comic you can play in your browser: ## Lessons from the audio/video experiment T...

I wrote a screenplay for a programming language introduction, then wrote a program to turn that into a motion comic #WebOrigami #comics #webdev jan.miksovsky.com/posts/2025/0...