Create a FULLSTACK APP with Java+Spring-Boot+Thymeleaf+HTMX | NO Javascript | Tutorial

I researched a little bit about HTMX and I loved it!
It allows you to use modern browser features like AJAX without the need of writting a single Javascript line!!

Here is a small Proof of Concept that I created using Java, Spring-boot, Thymeleaf and htmx to see how it can be used.

Follow me!

----
Sections:
00:00 - Intro
00:45 - What is htmx?
07:55 - Tutorial intro
09:02 - Spring project init
10:13 - Create Status class
11:31 - Create StatusController
14:29 - Create Feed view
18:15 - Run Application
19:04 - Introduce htmx for AJAX
23:10 - Create new controller method for AJAX call
27:22 - Create Status view
29:04 - Run final application
31:37 - Outro

[guccigreatness]

This is the best htmx, thymeleaf tutorial I have seen. Please keep creating more!😅

[prezes]

Thanks Mati for your video, it helped me a lot in my project. I did not have to spend hours to learn Javascript and React to make a simple UI, cheers :)

[rustinpeace]

Didnt understand the HATEOS principle of returning a reference until this video. Thanks for that!

[arnaudpoutieu]

Thank you Mati for this insightful record. I have to admit that HTMX is a serious tool on which we backend guys should really consider diving into to fill the UI gap we sometimes face

[jimnelson]

Thank you very much Mati for sharing this demonstration of how HTMX with Thymeleaf can be used with Spring Boot. I plan to start testing this further myself. I'm curious to see how effectively different elements of the web page can be "componentized" and reused, such as to compare with the ease of JSX components in React. For instance, in your example, after you copied the statuses list generation html from the feed.html into the statuses.html, I hoped to see if the duplication could be removed by having the feed.html now somehow use the fragment from the statuses.html. Again, I'll now explore further. Thanks for providing a starting point!

[swipped]

Geep going mate, great tutorial. Hope to see more on those topics soon. Cheers!

[harleyseixas]

Very easy, excellent content. Thank you Mati.

[milson-antonio]

I'm also backend dev who hate js, I'll try it tomorrwow jahahha

[COD_MW]

Sir, can you create a playlist for springboot thymeleaf htmx so that we can learn how this technology works together.

[zubimiccoli]

what happened to spınner gif? Why didnt it work?

nice, but should use a Thymeleaf fragment instead of copying all that HTML :)

[manuonda]

Hello Mati, thanks for the video! Queria consultarte si htmx ganara terreno en cuanto a los otros frameworks angular, react? Y tambien en cuanto a IA si publicaras algunos videos.

[phamcongtoan]

can you guide me to make a complete springboot project with html css JavaScript?❤

[shashankchaturvedi-zvnc]

I notice you're sharing information about being interested in YouTube content creation. Let me help capture this interest.

[fulconandroadcone]

I'm front end who hates and loves JS, depending on how much hair is left on my head.

[ismaelE]

Thanks man very good tutorial
This is an easy way to hack the frontend world, react developers beware, we are coming 😂

[tjholmes]

Ok, this is very concerning for me as someone who has been doing Java/Spring back-end for 20 years, and creatng RESTful API's in the traditional way with JSON. I like the Tutorial, but this is an OLD MONOLITH. I know 'monolith' is now an over-loaded term because of Microservices. But, in the sense 'OLD MONOLITH' means you have created an application with both front-end AND back-end in ONE JAR file. We got away from this years ago, and had 'separation of concerns' which this NOW violates.
I'm more interested in seeing a already done RESTful API on the back-end, one that has API's for JSON an one that has API's for HTML. Then create a SEPARATE front-end, that can call the RESTful UI API's that return the HTML snippets. This would probably ne a nice real-world tutorial. Thanks for the tutorial, it is helpful, but doesn't quite fit what I am looking for.