Getting started with HTMX in Spring Boot with Thymeleaf

In this tutorial you will learn what HTMX is and how to use it in your next Spring Boot Application. HTMX allows you to build dynamic web applications without having to write any JavaScript. You will get an introduction to HTMX through building out 4 different examples.

🔗Resources & Links mentioned in this video:

👋🏻Connect with me:

[hayrullahyasar]

Thank you for sharing, yes it was the first tutorial for me about HTMX. I think it is useful not to use JS on the client side for a Spring Boot project. Hoping to see more content about this.

[petriairio]

Great tutorial! It would be great to see tutorial how to implement Spring Security with login / registration with HTMX and having admin/user privileged pages with different access rights.

[bvedantcodes]

Hey dan could you make an updated security video? Spring deprecated some of the libraries

[WondervilleSeries]

Common component building demo videos would be interesting. This is the first HTMX demo I've seen. I'm a C# developer learning Java. Currently, I'm building a project with Thymeleaf(and vanilla JS) and really like the idea of incorporating interactivity into the fragment. Thanks for the intro!

[jankowalski-lgcs]

Great video, love template-based websites, SPAs are often overkill.

[micisvy]

Thanks Dan! For me the most important part about htmx is the « why ». Client side frameworks such as react have become a de facto standard. However they create a lot of overhead (need to expose a backend for Frontend, need to handle jwt, need to expose api, need to do validation twice etc.
I am looking at htmx as a good enough alternative for applications that don’t require a super sleek and interactive UI (but haven’t tried it on a project yet).

[TheSowikHD]

This is really cool! Especially since I don't have to learn JavaScript and any of the frontend frameworks like React and etc. :D Would love to see a demo with a full app, including security and all that.

[hamzasalihu]

Please can you show handling pagination with htmx, thymeleaf, spring-boot? Regards.

[rodjenihm]

I wish there was InertiaJS adapter for Java and Spring. HTMX is cool but it would be great to expand the full-stack capabilities of Spring even further by providing great integration with React, Vue etc.

[robertwhite]

Excellent introduction. Wish htmx would allow for a combo box with a dynamic drop-down. I am thinking of a use case where you would type a few letters of an account code and get a shorter drop-down as you type. Much of the funtionality is there but its not easy.

[kasimgul]

I was excited until I saw the "Add Contacts" section. I was considering using this for the "Add Comment" section of my project. However, if saving it to the database using the Spring Repository interface requires a full-page reload, it is probably not the best option for me.

[hamednikbakht]

how to use rest API return Json and show in htmx?