https://github.com/godsarmy/htmx-nunjucks-example
Provide htmx examples to work with nunjucks template
https://github.com/godsarmy/htmx-nunjucks-example
client-side-template htmx nunjucks
Last synced: 16 days ago
JSON representation
Provide htmx examples to work with nunjucks template
- Host: GitHub
- URL: https://github.com/godsarmy/htmx-nunjucks-example
- Owner: godsarmy
- License: mit
- Created: 2024-04-13T14:14:01.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-12T15:47:39.000Z (17 days ago)
- Last Synced: 2025-04-13T09:18:41.908Z (16 days ago)
- Topics: client-side-template, htmx, nunjucks
- Language: Go
- Homepage:
- Size: 246 KB
- Stars: 4
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# htmx-nunjucks-example
## What's this?
Provide [htmx](https://htmx.org) examples applied in restAPI and [nunjucks](https://mozilla.github.io/nunjucks) template.
[Official HTMX Examples](https://htmx.org/examples/) are implemented with hypermedia calls. In this project, these examples are reimplemented with pure JSON based restAPI calls with the help of htmx [client side template](https://github.com/bigskysoftware/htmx-extensions/blob/main/src/client-side-templates/README.md).
This project also includes some examples for [htmx extensions](https://extensions.htmx.org/).
Backend code is implemented by Golang [Gin framework](https://gin-gonic.com) for easy execution and simplicity. HTML CSS is implemented by [Bootstrap 5](https://getbootstrap.com).
## Why?
Due to various reason, it is not alway easy to convert JSON restAPIs into hypermedia calls. This project leverages client side template technology to render dynamic html pages for JSON restAPIs.
## Usage
* Make sure you have go compiler and Launch `make all`.
* Enter example subdirectory and launch http server by `./main`.
* Open `http://localhost:8080` in browser.
## Related Articles
* [Handle Json API Results in htmx](https://marcus-obst.de/blog/htmx-json-handling)
* [Creating a Spaceflight News Blog with HTMX & JSON API](https://jerrynsh.com/creating-a-spaceflight-news-blog-with-htmx-and-json-api)
* [Let's Go Backend-Free! Discover How HTMX & Nunjucks Are Changing the Game!](https://www.youtube.com/watch?v=6d0qeM-kQrM)