From d61c3d342f76621e8cf7a8a0fb3ab83bbf2940f0 Mon Sep 17 00:00:00 2001 From: Will Iverson Date: Mon, 24 May 2021 15:23:43 -0700 Subject: [PATCH] Server-side language integration examples --- www/examples.md | 7 +++- www/server-examples.md | 92 ++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 98 insertions(+), 1 deletion(-) create mode 100644 www/server-examples.md diff --git a/www/examples.md b/www/examples.md index 8f89e4e3..a04f925b 100644 --- a/www/examples.md +++ b/www/examples.md @@ -1,8 +1,13 @@ --- layout: layout.njk -title: htmx - UX Patterns +title: htmx - Examples --- +## Server-side Integration Examples + +A list of [GitHub repositories showing examples of integration](server-examples.md) with a wide variety of +server-side languages and platforms, including JavaScript, Python, Java, and many others. + ## UI Examples Below are a set of UX patterns implemented in htmx with minimal HTML and styling. diff --git a/www/server-examples.md b/www/server-examples.md new file mode 100644 index 00000000..0367bdfc --- /dev/null +++ b/www/server-examples.md @@ -0,0 +1,92 @@ +--- +layout: layout.njk +title: htmx - Server-Side Examples +--- + +# htmx Server-Side Examples + +There are many examples of integrating htmx with server-side frameworks available on GitHub. Generally speaking, +most server-side frameworks are already pretty well set up to integrate with htmx - after all, most of them were +rendering HTML long before before JSON became popular. + +Different frameworks and platforms may offer alternative systems for installing htmx - for example, in the Java / JVM +ecosystem, [WebJars](https://www.webjars.org) allows the use of npm packages with popular Java build tools such as +Maven and Gradle. + +These examples may make it a bit easier to get started using htmx with your platform of choice. + +## General Resources + +https://github.com/rajasegar/awesome-htmx + +## JavaScript + +### Node.js + +https://github.com/rajasegar/todomvc-htmx +https://github.com/TomekKosakowski/express-ejs-htmx-playground +https://github.com/rajasegar/htmx-twitter-clone +https://github.com/rajasegar/htmx-trello + +### hapi + +https://github.com/DamianStanger/hapi-htmx + +## Python + +### Django + +https://github.com/adamchainz/django-htmx + +### Flask + +https://github.com/cscortes/htmxflask + +### py4web + +https://github.com/jpsteil/py4web_htmx_demo + +### jinja + +https://github.com/renceInbox/fastapi-todo + +## Java + +### Spring Boot + +https://github.com/wiverson/htmx-demo + +### Quarkus + +https://github.com/derkoe/quarkus-htmx-todos + +## C# + +### ASP.NET Core + +https://github.com/jerriepelser-blog/htmx-with-aspnet-core + +## Prolog + +https://github.com/Anniepoo/declswiplweb + +## Clojure + +https://github.com/whamtet/ctmx +https://github.com/jcpsantiago/htmx-clj-dashboard + +## Ruby + +### Rails + +https://github.com/rootstrap/htmx-rails + +### Sinatra + +https://github.com/libsyz/htmx-to-do-app +https://github.com/beechnut/pokebutt-htmx + +## Julia + +https://github.com/clarkevans/TodoMVC.jl +