Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/loteoo/hyperapp-starter
Clean web app starter using Hyperapp with strong focus on developer experience.
https://github.com/loteoo/hyperapp-starter
Last synced: 3 months ago
JSON representation
Clean web app starter using Hyperapp with strong focus on developer experience.
- Host: GitHub
- URL: https://github.com/loteoo/hyperapp-starter
- Owner: loteoo
- License: mit
- Created: 2018-05-09T02:00:54.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2022-08-30T20:24:37.000Z (almost 2 years ago)
- Last Synced: 2024-01-22T01:26:57.879Z (5 months ago)
- Language: TypeScript
- Homepage: https://hyperapp-starter-demo.netlify.com/
- Size: 839 KB
- Stars: 33
- Watchers: 5
- Forks: 4
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Lists
- hyperawesome - loteoo/hyperapp-starter - Vite, CSS modules, JSX, TypeScript (Starters)
README
Hyperapp starter
Starter template to quickly build front-ends using Hyperapp
## 🚀 Quick start:
[Click here to use this template](https://github.com/loteoo/hyperapp-starter/generate), or run these commands:
```
# Clone project
git clone https://github.com/loteoo/hyperapp-starter.git
cd hyperapp-starter
npm i # Install dependencies
npm run dev # Dev server
```
```
npm run build # Build for production
npm run preview # Preview production build
```
Or use a [.zip download](https://github.com/loteoo/hyperapp-starter/archive/master.zip)
## Features
- [Vite](https://vitejs.dev/) for dev tooling
- Written in TypeScript
- CSS modules + nested syntax
- Smart CSS defaults on top of [sanitize.css](https://csstools.github.io/sanitize.css/)
- [JSX](https://reactjs.org/docs/introducing-jsx.html) ready to go
- Absolute imports (say goodbye to the `../../` hell)
- PWA/SPA ready with a default web app manifest
- Pages + routing implementation
## Live demo
https://hyperapp-starter-demo.netlify.com/
---
### To-do list demo app:
Basic CRUD actions with hyperapp 2.0
https://github.com/loteoo/hyperapp-todolist
### FAQ:
> 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.
### Need code splitting and pre-rendering out of the box?
Checkout [hyperstatic](https://github.com/loteoo/hyperstatic) and the [hyperstatic starter](https://github.com/loteoo/hyperstatic-starter) instead!
---