Minimal Client Side JS using existing tools and libraries.
The idea is to provide you with a simple app structure that allows you to register and hydrate islands using fastify and preact without adding a lot of generative code magic using bundler plugins. This is both a base to start with for apps and a decent way to understand what goes into making sure the interactive bits are runnings on the client(browser).
- Node.js 20 or higher
- pnpm
The repository is a reusable template that you can setup with the following steps
- Install deps
pnpm i- Run Dev
pnpm dev-
Open http://localhost:3000 in your browser
-
Run Build
pnpm build- Run Built asset
node .output/index.js- Fastify - Web server
- Preact - UI library
- Islands Architecture - Partial hydration