Spring Boot with Gradle and Tailwind CSS Project Template

About this Template

To generate a Spring Boot web project with Tailwind CSS and live reload, you can use ttcli. This tool generates Maven projects with Tailwind CSS and live reload support out of the box. This template was originally generated by ttcli but has been converted to use Gradle instead of Maven.

Features

• Gradle
  • Using Frontend Gradle Plugin: https://siouan.github.io/frontend-gradle-plugin/
• Tailwind CSS
• Modern Frontend Tooling
• Hot-Reload for Development
• WebJars

---

How to Run the Application

1. Backend (Spring Boot)

1. Clone the repository.
2. Open the project in your favorite IDE.
3. Ensure you have JDK 21 set as the Java SDK.
4. Run the backend server using:

./gradlew bootRun

2. Frontend (Node.js and Tailwind CSS)

1. Install Node.js dependencies:

npm install

2. Build the frontend assets for development:

npm run build

This will copy and process all relevant frontend resources (HTML, CSS, JS, SVG) into the build/resources/main directory. 3. Optionally, start the file watcher for live reloading during development:

npm run watch

4. For serving the app with hot-reload on file changes, run:

npm run watch:serve

The browser will automatically reload on file changes.