Commit: O que é o Thymeleaf?

Resumo da Aula - Integração Front-end com Spring Boot e Thymeleaf

CONCEITOS-CHAVE:

• Integração de front-end com back-end no Spring Boot
• Uso do Thymeleaf como template engine
• Criação de páginas HTML no lado do servidor
• Configuração de projeto Maven com dependências Spring Web e Thymeleaf
• Alteração de porta e inicialização da aplicação

---

RESUMO DETALHADO:

Nesta aula, o foco é iniciar a construção do front-end da aplicação NSYNC, conectando-o à API previamente desenvolvida no back-end. O instrutor apresenta a possibilidade de criar páginas HTML diretamente no Spring Boot utilizando a biblioteca Thymeleaf, que funciona como um template engine. Com ele, é possível gerar conteúdo dinâmico no lado do servidor, enviar e receber dados através de controllers, e manipular textos e elementos HTML de forma integrada com o back-end.

Para explorar melhor o funcionamento do Thymeleaf, é criado um novo projeto Maven no VS Code, configurado para rodar no Java 17. O projeto inclui as dependências Spring Web, Spring Boot DevTools (para recarregamento automático) e Thymeleaf. A porta padrão da aplicação é alterada para 8082, evitando conflitos com o back-end que roda na 8080. Após a configuração, a aplicação é iniciada com sucesso, pronta para receber a implementação dos templates nas próximas aulas.

---

DICAS DO INSTRUTOR:

• Use o Thymeleaf para gerar páginas HTML dinâmicas diretamente no servidor com Spring Boot.
• Mantenha o front-end separado ao aprender novas tecnologias, para compreender melhor o fluxo e a integração.
• Alterar a porta do servidor evita conflitos quando back-end e front-end rodam localmente.