$ react modulo_4
Build, variáveis e deploy
Gere o build de produção, use variáveis de ambiente e publique no GitHub Pages ou Vercel.
O que você vai aprender
- npm run build
- Variáveis VITE_*
- Deploy Vercel
- Checklist de produção
1. Build de produção
npm run build
# saída em dist/
npm run preview
2. Variáveis de ambiente
# .env
VITE_API_URL=https://api.exemplo.com
# no código
const api = import.meta.env.VITE_API_URL;
ATENÇÃO Só variáveis com prefixo
VITE_ vão para o browser. Nunca coloque segredos no frontend.3. Deploy rápido (Vercel)
npm i -g vercel
vercel
4. Checklist final
- Build sem erros e sem warnings críticos
- Rotas funcionam no refresh (SPA rewrite)
- Imagens e assets com caminhos corretos
- Lighthouse básico
- README com como rodar e publicar
PRÓXIMO PASSO TypeScript no React e depois Next.js para SSR/SSG.