https://github.com/wolfface/htmx-faster-dev
Website built with Clojure, HTMX, and Alpine.js
https://github.com/wolfface/htmx-faster-dev
clojure htmx optimization performace web web-optimization web-performance
Last synced: 7 months ago
JSON representation
Website built with Clojure, HTMX, and Alpine.js
- Host: GitHub
- URL: https://github.com/wolfface/htmx-faster-dev
- Owner: WolfFace
- License: mit
- Created: 2025-02-16T15:00:34.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2025-05-15T20:11:09.000Z (9 months ago)
- Last Synced: 2025-05-15T21:26:02.655Z (9 months ago)
- Topics: clojure, htmx, optimization, performace, web, web-optimization, web-performance
- Language: Clojure
- Homepage: https://htmx-faster.org
- Size: 18.5 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# HTMXFaster / [htmx-faster.org](https://htmx-faster.org)
Website built with Clojure, HTMX, and Alpine.js. \
Remake of NextFaster, a highly performant e-commerce template using Next.js and AI generated content by [@ethanniser](https://x.com/ethanniser), [@RhysSullivan](https://x.com/RhysSullivan) and [@armans-code](https://x.com/ksw_arman)
**Check original [NextFaster](https://github.com/ethanniser/NextFaster) repo**
### Motivation
This projects demonstrates how beautiful HTMX is. This version has 2 times smaller codebase, has not aggressive preloading, has less JS on frontend.
### Costs
- $5 / month cheapest Linode 1 GB VPS
- Cloudflare Free Tier
- Bunny CDN for images that costs cents
- $6 / year for domain name
### Deployment
- Clone this repo
- Create `.env`. Refer to `.env.sample`
- Run `./scripts/download-data.sh`. It will download `./init-scripts/data.sql`
- Place your `private.key.pem` and `domain.cert.pem` to `./nginx/ssl` directory
- Run `docker compose -f docker-compose.prod.yml up -d`. It will download product images at first time.
### Local development
- Clone this repo
- Create `.env`. Refer to `.env.sample`
- Run `./scripts/download-data.sh`. It will download `./init-scripts/data.sql`
- Run `docker compose -f docker-compose.dev.yml up`. It will download product images at first time.
- Connect to nrepl by port 8888 and have fun!
### Why HTMX?
- No build tools.
- Less JS on your page.
- Easy to make an SPA using `hx-boost` attribute on page's ``.
- No duplicated logic between Backend/Frontend.
- Thin client.
### Does anyone use HTMX in production?
- [Komiku](https://komiku.id/) Manga reading website. You can read your favorite manga even if you turn off JS if you like.
- [Futbin](https://www.futbin.com/) Websites is build with HTMX but uses React.js when it has sense like Squad Builder feature.
- [Rumble](https://rumble.com/) Conservative and far-right Youtube alternative.
- [kasta.ua](https://kasta.ua) One of the largest e-commerce website in Ukraine. It's not HTMX, but [Twinspark.js](https://twinspark.js.org/) which has the same philosophy.
- and more...
## License
Refer to `LICENSE`