ema/docs/index.md

---
page:
  description: | 
    Build jamstack-style static sites in Haskell, with a live server supporting fast hot-reload in the browser on code or data change.
---
# Ema

:::{.avatar}
![](/favicon.svg){.w-32 .h-32 .float-right}
:::

{.text-xl .mb-8}
[Ema](https://github.com/srid/ema) is a next-gen **Haskell** library toolkit for building [jamstack-style](https://jamstack.org/) static sites. Ema sites are *change-aware*; in addition to good ol' static site generation, it provides a live server supporting **fast hot-reload** in the browser on code *or* data change. 

{.text-gray-600}
The ultimate goal of ema is to facilitate creating with ease your own [neuron](https://neuron.zettel.page/), or just about any app that creates a browser view of arbitrarily changing data (on disk, database, or whatever). Ema is designed to facilitate creation of apps whose data is normally *edited* via traditional mechanisms (eg: text editor) but *rendered* as a delightful web page - so as to provide an economical read-only view of your data on desktop & mobile.

:::{.my-8}
* [Getting Started](start.md)
* [Guide](guide.md)
* [Concepts](concepts.md)
* [Ema News](https://notes.srid.ca/ema) ([RSS Feed](https://notes.srid.ca/ema.xml))
:::

:::{.flex .justify-center .items-center .mb-8}
<video autoplay="" loop="" muted="">
  <source src="static/ema-demo.mp4" />
  <p>Your browser doesn't support HTML5 video. Here is a <a href="static/ema-demo.mp4">link to the video</a> instead.</p>
</video>
:::

:::{.flex .justify-center .items-center}
[![FAIR](https://img.shields.io/badge/FAIR-pledge-blue)](https://www.fairforall.org/about/)
:::