create-evikit

Create a monolith server-rendered Preact app with an API powered by a node:sqlite database, using EviKit:

npm init evikit my-app
cd my-app
npm run dev

Open http://localhost:5173/, try editing the example routes and see changes live.

You can continue with the EviKit tutorial. With this initializer, you don't have to manually install dependencies, add scripts to package.json, or create typical files such as index.html and vite.config.js.

😉 If you are new to Preact and the concept of Virtual DOM, it is a good idea to complete the Preact tutorial first.

Read more

Think of EviKit as an LXDE of web frameworks, it stands on the shoulders of awesome libraries and tools from the Preact and Node.js ecosystems:

• valibot - Lets you declare detabase schema and validate API input/output.
• hoofd/preact - Populates <title> and <meta> tags.
• gettext.js - Lets you pluralize translated strings.
• vite - Builds your app for development and production.
• express - Lets you apply compression, serve static files and use other familiar middleware.
• @fastify/busboy - Parses forms, including uploaded files.
• @preact/preset-vite - In development, shows your code changes without reloading the page.
• env-paths - Saves your database in standard system-specific directory.
• gettext-parser - Parses translation files.
• preact-iso - Handles routing and hydrates the server-rendered code on the client.

License

SPDX-License-Identifier: 0BSD

Note: this license applies to this example application template. EviKit itself uses the MIT license.