JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 5
  • Score
    100M100P100Q44098F
  • License MIT

Hyperapp static site framework

Package Exports

  • @martel/hyperstatic

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@martel/hyperstatic) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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:

  1. npm i hyperstatic

  2. Create a routes.js file with your routes in it.
    Example

  3. Replace hyperapp's app call with hyperstatic. Add the extra routes attribute that is needed.
    Example

  4. Link to your pages using the <Link> component.
    Example

  5. (Optional) For pre-rendering, create a render-pages.js, list your URLs and call renderPages 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!