Hyperstatic
Hyperstatic is a Hyperapp based static site generator with a code-splitting and navigation layer. It's goal is to be a simpler, lighter and faster GatsbyJS, that uses Hyperapp instead of React.
It's codebase also has an inherently smaller footprint by using Puppeteer for pre-rendering and Parcel for code-splitting.
See the demo site here: https://hyperstatic.dev/
🚀
Starter template To easiest way to get started is to use this starter template.
Installation in an existing Hyperapp 2.0 project:
-
npm i hyperstatic
-
Create a
routes.js
file with your routes in it.
Example -
Replace hyperapp's
app
call withhyperstatic
. Add the extraroutes
attribute that is needed.
Example -
Link to your pages using the
<Link>
component.
Example -
(Optional) For pre-rendering, create a
render-pages.js
, list your URLs and callrenderPages
with them.
Example
Then add this helper command in your package.json scripts:
"scripts": {
"render-pages": "npm run build && node ./render-pages.js"
}
That should be it!
Pull requests are welcome!