Giter VIP home page Giter VIP logo

spperto_frontend's Introduction

Projeto Dockerizado

Este projeto configura um ambiente Docker para construir e servir uma aplicação web usando Node.js e Nginx.

Pré-requisitos

  • Docker

Estrutura do Projeto

  • nginx.conf: Configurações do servidor Nginx.
  • Dockerfile: Configura o ambiente Docker para construir e servir a aplicação web.

Configuração

Nginx

O arquivo nginx.conf configura o Nginx para servir a aplicação web.

Dockerfile

O Dockerfile está dividido em dois estágios:

  1. Estágio de Build:

    • Usa a imagem node:22-alpine3.19.
    • Define o diretório de trabalho como /app.
    • Copia package.json e package-lock.json.
    • Instala as dependências do Node.js.
    • Copia todo o código do projeto para o diretório de trabalho.
    • Executa o comando npm run build --prod para construir a aplicação.
  2. Estágio de Produção:

    • Usa a imagem nginx:alpine.
    • Copia os arquivos construídos do estágio de build para o diretório do Nginx.
    • Exponha a porta 80.
    • Define o comando de inicialização do Nginx.

Como Usar

  1. Clone este repositório:

    git clone https://github.com/websam2/SPPerto_Frontend
    cd SPPerto_Frontend
  2. Construa e inicie o contêiner:

    docker build -t nome-da-imagem .
    docker run -p 80:80 nome-da-imagem
  3. Acesse a aplicação em http://localhost.

Estrutura do Projeto

  • src: Código-fonte da aplicação web.
  • nginx.conf: Configurações do servidor Nginx.
  • Dockerfile: Configura os estágios de build e produção do Docker

spperto_frontend's People

Contributors

websam2 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.