Produtividade com NestJS
Sumário
- Use uma imagem base do Node.js
- Defina o diretório de trabalho dentro do contêiner
- Copie os arquivos do projeto para o contêiner
- Instale as dependências
- Exponha a porta em que a aplicação estará rodando
- Comando para iniciar a aplicação
- Construir a imagem Docker
- Executar o contêiner Docker
- Markdown no Estilo do GitHub
Para desenvolver uma aplicação NestJS com Docker a partir do código fornecido, você pode seguir os passos a seguir:
- Crie um novo projeto NestJS:
Você pode criar um novo projeto NestJS usando o Nest CLI ou manualmente. Se você já tem um projeto NestJS existente, pule esta etapa. Execute o seguinte comando para criar um novo projeto usando o Nest CLI:
nest new my-nestjs-app
Substitua my-nestjs-app
pelo nome desejado para o seu aplicativo.
2. Instale o pacote do Tailwind CSS:
O próximo passo é instalar o Tailwind CSS no projeto. Navegue até a pasta raiz do seu projeto e execute o seguinte comando:
npm install tailwindcss
- Configurar o Tailwind CSS:
Após a instalação do Tailwind CSS, você precisará configurá-lo. Execute o seguinte comando para gerar o arquivo de configuração do Tailwind:
npx tailwindcss init
Isso criará um arquivo chamado tailwind.config.js
. Você pode personalizar este arquivo de acordo com suas necessidades.
4. Adicione o Plugin Tailwind Typography:
Para adicionar o plugin @tailwindcss/typography
, execute o seguinte comando:
npm install @tailwindcss/typography
Em seguida, registre o plugin no seu arquivo tailwind.config.js
:
// tailwind.config.js
module.exports = {
// ...
plugins: [
require('@tailwindcss/typography'),
// ...
],
}
- Criar componentes NestJS:
No NestJS, você trabalhará com controladores e módulos para criar seu aplicativo. Crie os controladores e módulos necessários para lidar com suas páginas, conteúdo e roteamento. 6. Implementar o código HTML com classes do Tailwind:
Com o NestJS configurado e seus controladores prontos, você pode implementar o código HTML com classes do Tailwind dentro dos arquivos .html
ou .ejs
de seus controladores.
7. Criar um arquivo Dockerfile:
Crie um arquivo chamado Dockerfile
na raiz do seu projeto NestJS. Este arquivo define como a aplicação será empacotada em um contêiner Docker. Aqui está um exemplo de um arquivo Dockerfile simples:
# Use uma imagem base do Node.js
FROM node:14
# Defina o diretório de trabalho dentro do contêiner
WORKDIR /app
# Copie os arquivos do projeto para o contêiner
COPY . .
# Instale as dependências
RUN npm install
# Exponha a porta em que a aplicação estará rodando
EXPOSE 3000
# Comando para iniciar a aplicação
CMD ["npm", "start"]
- Construir e executar a imagem Docker:
No terminal, navegue até a raiz do seu projeto e execute os seguintes comandos para construir e executar a imagem Docker:
# Construir a imagem Docker
docker build -t my-nestjs-app .
# Executar o contêiner Docker
docker run -p 3000:3000 my-nestjs-app
Substitua my-nestjs-app
pelo nome desejado para sua imagem Docker.
Agora, sua aplicação NestJS com o Tailwind CSS está sendo executada dentro de um contêiner Docker. Você pode acessá-la em http://localhost:3000
no seu navegador.
Lembre-se de que esse é um processo básico e pode ser ajustado de acordo com as necessidades específicas do seu projeto. Certifique-se de que o código HTML implementado com as classes do Tailwind está de acordo com os controladores e as rotas do seu aplicativo NestJS. Além disso, você pode configurar o Dockerfile com base em suas preferências e necessidades de implantação.
Markdown no Estilo do GitHub
Também adicionamos suporte para Markdown no estilo do GitHub usando remark-gfm
.
Com o remark-gfm
, obtemos algumas funcionalidades extras em nosso markdown. Por exemplo, os literais de autolink.
Um link como www.github.com ou https://estevamsouza.com seria automaticamente convertido em uma tag a
.
Isso também funciona para links de e-mail: contact@e-mail.com .