🚀 Desafio 1: Do Dev ao Deploy - Containerize Tudo!¶

🎯 Seu Desafio¶

Bem-vindo ao Desafio 1! Aqui você vai colocar a mão na massa e transformar uma aplicação completa em um ambiente totalmente containerizado, automatizado e pronto para produção.

Você recebeu uma aplicação Django + Next.js que funciona... mas só localmente. Seu desafio? Fazer ela rodar em containers, criar pipelines de CI/CD e preparar tudo para um deploy profissional! 💪

🎮 Regras do Jogo¶

🎮 Fases do Desafio¶

🐳 Fase 1: Containerize o Ambiente de DEV¶

Objetivo: Transformar sua aplicação em containers que rodam perfeitamente no seu ambiente de desenvolvimento!

Sua aplicação tem duas partes: um backend em Django e um frontend em Next.js. Atualmente ela usa SQLite, mas você vai precisar do Postgres.

Missão: - Crie um Dockerfile para o backend (Django) - Crie um Dockerfile para o frontend (Next.js) - Configure tudo em modo desenvolvimento com: - ✅ Debug habilitado - ✅ Hot reload ativado (suas mudanças no código aparecem instantaneamente!) - ✅ Variáveis de ambiente para DEV

🎼 Fase 2: Orquestre Tudo com Docker Compose (DEV)¶

Objetivo: Fazer todos os serviços conversarem entre si!

Missão: - Crie um arquivo docker-compose.yml que combine: - 🎨 Container do Frontend - 🔧 Container do Backend
- 🗄️ Container do Postgres - Configure as redes para que tudo se comunique

⚙️ Fase 3: Pipeline de CI - Automatize a Qualidade¶

Objetivo: Criar um pipeline que verifica automaticamente se seu código está em ordem!

Missão: Configure o Gitlab CI com as seguintes etapas:

🏭 Fase 4: Containers de PRODUÇÃO - Otimize!¶

Objetivo: Criar containers otimizados e seguros para produção!

Missão: - Crie novos Dockerfiles baseados em Alpine Linux (super leve!) - Configure tudo em modo produção: - ❌ Debug desabilitado - ✅ Código otimizado e minificado - ✅ Build dos arquivos estáticos do frontend - ✅ Tudo autocontido nos containers

🚀 Fase 5: Stack Completo de PRODUÇÃO¶

Objetivo: Monte a stack completa pronta para o mundo real!

Missão: Crie o docker-compose-prod.yml com:

• 🎨 Frontend servido pelo Nginx
• 🔧 Backend em produção
• 🗄️ Postgres com credenciais de produção (não use as mesmas de DEV!)
• 🔒 SSL configurado (HTTPS na porta 443)
• 🔄 Redirecionamento de HTTP (80) para HTTPS (443)

🎯 Fase 6: Deploy Contínuo - Automatize Tudo!¶

Objetivo: O grand finale! Deploy automático após passar no CI!

Missão: - Configure o CD para publicar automaticamente suas imagens no Container Registry do Gitlab - O deploy só deve acontecer se TODAS as etapas de CI passarem - Publique as imagens de produção do frontend e backend

📊 Checklist do Desafio¶

Acompanhe seu progresso:

📦 Sobre o Projeto Base¶

Você vai trabalhar com uma aplicação fullstack moderna: Django + Next.js

🗂️ Estrutura do Projeto¶

O projeto está organizado como um monorepo (tudo em um só lugar!):

.
├── api                          # Backend Django
│   ├── config
│   ├── core_apps
│   ├── manage.py
│   ├── pytest.ini
│   └── requirements.txt
│   └── ...
├── README.md
└── web                          # Frontend NextJS
    ├── components.json
    ├── next.config.mjs
    ├── package.json
    ├── package-lock.json
    ├── public
    ├── src
    ├── tsconfig.json
    └── ...

🏃 Quer Testar Localmente Primeiro?¶

Antes de containerizar, você pode rodar a aplicação localmente para entender como ela funciona!

🔧 Pré-requisitos¶

📥 Clone o Projeto¶

git clone https://github.com/FGA-GCES/trabalho-individual-2024-2.git
cd trabalho-individual-2024-2

🔧 Configurando o Backend (Django)¶

# Entre no diretório do backend
cd api

# Criar e ativar um ambiente virtual (Linux/MacOS)
python -m venv venv
source venv/bin/activate

# No Windows:
???

# Instale as dependências
pip install -r requirements.txt

# Execute as migrações
python manage.py migrate

# Inicie o servidor de desenvolvimento
python manage.py runserver

🎨 Configurando o Frontend (Next.js)¶

# Entre no diretório do frontend
cd web

# Instale as dependências
npm install

# Crie um arquivo .env.local baseado no exemplo
cp .env.example .env.local

# Inicie o servidor de desenvolvimento
npm run dev

🎓 Dicas para o Sucesso¶

🏆 Critérios de Sucesso¶

Você completou o desafio quando:

✅ Todos os containers funcionam perfeitamente
✅ O pipeline de CI/CD está verde
✅ A aplicação roda em modo produção com SSL
✅ Você consegue fazer deploy automatizado
✅ O código está documentado e organizado

Boa sorte, e que a força do Docker esteja com você! 🐳✨