9 - Utilizando express-handlebars

Olá pessoal, nessa nona aula do treinamento de Node.js e MySQL, iremos configurar a dependência express-handlebars, responsável pela estrutura front-end do projeto.

A gente começa baixando a dependência do express-handlebars: Clique aqui para acessar o site do NPM e instalar a dependência.

Para instalar basta utilizar um desses comandos: npm i express-handlebars ou npx i express-handlebars. Lembrando que talvez em sistemas operacionais MacOS ou Linux seja necessário utilizar o comando sudo, exemplo: sudo npm i express-handlebars.

Assim que realizar a instalação, faça os seguintes passos:

1. Importe o pacote: import { engine } from 'express-handlebars';
2. Abaixo do objeto app criado, implemente a seguinte estrutura:
   app.engine('handlebars', engine());
   app.set('view engine', 'handlebars');
   app.set('views', './views');
3. Crie uma pasta chamada: views
4. Dentro da pasta views, iremos criar o arquivo formulario.handlebars, contendo apenas um Hello World!
5. Dentro da pasta views, crie uma pasta chamada layouts, dentro dessa pasta crie um arquivo chamado: main.handlebars.
6. Dentro do arquivo main.handebars, crie a estrutura base HTML, entre as tags body, adicione o comando: {{{body}}}, isso fará com que o conteúdo dentro do arquivo formulario.handlebars seja exibido.

Abaixo deixo o vídeo do canal, onde executo os passos descritos acima: