https://github.com/rybla/multipageapp-using-halogen

Example of a multipage webapp using Purescript and Halogen.
https://github.com/rybla/multipageapp-using-halogen

Last synced: 9 days ago
JSON representation

Example of a multipage webapp using Purescript and Halogen.

• Host: GitHub
• URL: https://github.com/rybla/multipageapp-using-halogen
• Owner: rybla
• Created: 2024-07-10T15:55:40.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-10T16:06:04.000Z (6 months ago)
• Last Synced: 2024-11-07T11:13:16.965Z (about 2 months ago)
• Language: PureScript
• Size: 72.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# multipagewebapp-using-halogen

This respository demonstrates a multipage webapp using Purescript's Halogen

webapp framework.

Halogen is intended to be used as a singlepage webapp framework, but we can use

it as a multipage one as well if we punt on resource sharing.

This project is organized into three modules:

- `App.Template`: Contains templates that content is built using. A template needs to export a `main :: Effect Unit` function which is run when the page is opened.

- `App.Static`: Contains for generating static content other than the compiled Purescript. For example `App.Static.GenerateHtmlFile` generates the HTML file for a specified page, placed in a target directory (usually would be `./docs` in this case). This file references a Javascript file that corresponds to the compiled Purescript that defines that page.

- `App.Content`: Contains all the content for the webapp. Most files define a single page of the multipage webapp. But of course something like a `App.Content.Common` file is shared between all pages (though, this is just for code reuse, not for actual resource sharing). Note that for each page of the webapp, you need to actually have a build script for it somewhere. In this repository, there are only statically-known pages, so there exists a `*.page.js` file that specifies which submodule of `App.Content` to use for each page.

## Usage

Requirements:

- make

- [pnpm](https://pnpm.io/)

To build and serve the project:

```sh

pnpm install

make *.page.js -B

make serve

```