Docker-101/frontend at main · lsprdev/Docker-101 · GitHub

Name		Name	Last commit message	Last commit date
parent directory ..
.vscode		.vscode
public		public
src		src
.gitignore		.gitignore
README.md		README.md
env.d.ts		env.d.ts
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.app.json		tsconfig.app.json
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts

README.md

Dockerfile do Frontend:

O Dockerfile do frontend é responsável por criar a imagem do frontend da aplicação, para isso é necessário instalar as dependências do projeto e copiar o código fonte para a imagem.

FROM node:16

WORKDIR /app

RUN npm install -g vite

COPY package*.json ./

RUN npm install

COPY . .

EXPOSE 3000

CMD ["npm", "run", "dev"]

Copie o conteúdo acima para um arquivo chamado `Dockerfile` na raiz do projeto frontend.

Para construir a imagem do frontend, execute o comando abaixo:

docker build -t frontend .