Starter template to quickly build front-ends using Hyperapp with a modern configuration and best-practices in mind.
Click here to use this template, or run these commands:
# Clone project
git clone https://github.com/loteoo/hyperapp-starter.git
cd hyperapp-starter
npm install # Install dependencies
npm start # Dev server + live reload
npm run build # Build for production and generate service worker
Or use a .zip download
- Parcel for dev tooling
- CSS Modules
- Smart CSS defaults on top of sanitize.css
- Standard JavaScript style guide with a11y and prettier linting
- JSX ready to go
- Automatic import of the
h
function (say goodbye to thath
import!) - Absolute imports (say goodbye to the
../../
hell) - Type hinting and intellisense without typescript, thanks to the
jsconfig.json
file. - PWA/SPA ready with a default web app manifest
https://hyperapp-starter-demo.netlify.com/
To enable go in any JS file, open the command palette, type > Select TypeScript Version
, pick Use Workspace Version
Basic CRUD actions with hyperapp 2.0
https://github.com/loteoo/hyperapp-todolist
How do I deploy my app?
By default, apps using this starter can be considered static sites, which means you can deploy for free on services like Netlify and Github Pages.
Use this instead!