danieltomazdev/netflix-clone repository overview

⁠🐳 Imagens Docker do Netflix Clone

Essas imagens Docker são uma maneira rápida de executar o Netflix Clone em ambiente de desenvolvimento ou produção. O código fonte está disponível no GitHub⁠.

Essas imagens são baseadas em Node.js 18 Alpine e Nginx Alpine, oferecendo tamanho otimizado e performance adequada. A imagem de desenvolvimento inclui hot reload automático para desenvolvimento rápido.

⁠📋 Tags Disponíveis

Todas as tags estão disponíveis no Docker Hub⁠:

• dev - Ambiente de desenvolvimento com hot reload (Node.js 18 + Vite)
• prod ou latest - Ambiente de produção otimizado (Nginx Alpine ~40MB)

As imagens são versionadas e incluem labels OCI completos com informações sobre portas, variáveis de ambiente, volumes e features.

⁠🚀 Tecnologias Incluídas

• React 18 - Biblioteca JavaScript para interfaces de usuário
• Vite - Build tool ultra-rápido
• Tailwind CSS - Framework CSS utilitário
• React Router DOM - Roteamento de aplicação SPA
• Axios - Cliente HTTP para chamadas à API
• Nginx - Servidor web para produção

⁠🚀 Quick Start

⁠Desenvolvimento

docker run -it --rm -p 5173:5173 -e VITE_TMDB_API_KEY=sua_key danieltomazdev/netflix-clone:dev

Acesso: http://localhost:5173⁠

⁠Produção

docker run -it --rm -p 3000:80 -e VITE_TMDB_API_KEY=sua_key danieltomazdev/netflix-clone:prod

Acesso: http://localhost:3000⁠

⁠🔑 API Key Necessária

TMDB API Key (obrigatória):

1. Acesse: https://www.themoviedb.org/settings/api⁠
2. Crie conta e gere sua API key
3. Use: -e VITE_TMDB_API_KEY=sua_key

Chave para testes:

-e VITE_TMDB_API_KEY=fa7e4d688f969937e7c96565355b6d51

⁠🎬 Funcionalidades Principais

⁠🎥 Sistema de Trailers Inteligente

• Reprodução automática no hover dos cards
• Controles de áudio sem reiniciar o trailer
• Tela cheia automática após 5 segundos no banner
• Troca automática de filmes quando trailer termina
• Scroll automático para centralizar trailers ativos

⁠📱 Layout Otimizado

• Informações reorganizadas abaixo da imagem de fundo
• Sinopse inteligente com botão expandir/recolher
• Design responsivo mobile-first
• Suporte completo para séries e filmes

⁠🔧 Tecnologias

• React 18 + Vite + Tailwind CSS
• TMDB API para dados de filmes e séries
• YouTube API para trailers integrados
• Nginx para produção (~40MB)

⁠🐳 Docker Compose

⁠Desenvolvimento

docker-compose up netflix-clone-dev

⁠Produção

docker-compose up netflix-clone

⁠🔧 Solução de Problemas

⁠❌ Erro: "API Key inválida"

Solução: Verifique se a chave TMDB está correta:

# Teste a API
curl "https://api.themoviedb.org/3/movie/popular?api_key=SUA_CHAVE"

⁠❌ Erro: "Container não inicia"

Solução: Verifique se a porta está disponível:

# Verificar portas em uso
netstat -tulpn | grep :5173
netstat -tulpn | grep :3000

⁠❌ Erro: "Trailers não carregam"

Solução: Verifique logs do container:

docker logs <container_id>

⁠❌ Erro: "Página em branco"

Solução: Verifique se a API key está configurada:

docker exec <container_id> env | grep VITE_TMDB_API_KEY

⁠🛠️ Comandos Úteis

⁠Ver logs

docker logs -f <container_id>

⁠Parar containers

docker-compose down

⁠Rebuild após mudanças

docker-compose build
docker-compose up

⁠Verificar status

docker ps
docker images | grep netflix-clone

⁠🔗 Links

• GitHub: https://github.com/DanielTomazDev/Clone-da-Netflix⁠
• Docker Hub: https://hub.docker.com/r/danieltomazdev/netflix-clone⁠
• TMDB API: https://www.themoviedb.org/documentation/api⁠

Desenvolvido por Daniel Tomaz | GitHub⁠