Preact Demos

A set of example apps showing how you may build in an approachable "Preact way". This is not a set of best practices or a prescribed way to build apps, nor will they be hyper-optimized, but hopefully it will serves as a source of inspiration

As such, we'll tend to take an idea, like a blog, and show a couple variations of it to represent some of the variations you might need in the real world.

Time permitting, we'll add to this list over time.

Blogs

SPA Blog with Static Precompiled Markdown

A simple blog that uses precompiled markdown files for authoring content. The markdown content is completely static at runtime, injected as an HTML string into the page.
Source CodeLive Demo

SPA Blog with Precompiled Markdown

A simple blog that uses precompiled markdown files for authoring content and preact-markup on the client to support referencing components from within said markdown.
Source CodeLive Demo

Buildless Apps

Buildless Spreadsheet

A spreadsheet app utilizing signals and a buildless approach, allowing you to import Preact from a CDN and use it directly in the browser. Taken largely from Surma's excellent 'My approach to coding interviews: Optimize for iteration' blog post.
Source CodeLive Demo