A static resource directory stores files that the browser receives without template rendering, including images, stylesheets, and JavaScript. section 1.2.2
Serving a Taco Cloud logo
Place the image at /src/main/resources/static/images/TacoCloud.png. A Thymeleaf template can then reference it with th:src="@{/images/TacoCloud.png}", using a context-relative URL. section 1.3.2
Use the directory for browser-facing assets while keeping rendered pages in the templates directory.
- Add images, stylesheets, or JavaScript beneath src/main/resources/static. section 1.2.2
- Reference an asset from a view with its context-relative path, such as /images/TacoCloud.png. section 1.3.2
Use the project-structure figure to locate the static directory alongside templates and application code. section 1.2.2

