Lição 1: Fundamentos e Toolchain — Ambiente de Desenvolvimento Pronto para Produção
Todo projeto tem um momento em que o `pnpm dev` não sobe. O problema nem sempre é óbvio. Esta lição ensina você a ler a configuração do Vite, do Supabase e do TypeScript — para que você saiba exatamente o que está quebrado e por quê.
Um scaffold é o esqueleto do seu app — como uma estrutura antes de você levantar as paredes. Se o esqueleto estiver errado, tudo o que você adicionar em cima vai se comportar de forma estranha.
- scaffold
- Modelo inicial de um projeto — ficheiros de configuração, dependências e CI que já funcionam juntos.
- RLS (Row Level Security)
- Um mecanismo do PostgreSQL que permite que cada linha determine quem pode lê-la, com base na identidade do utilizador autenticado.
- source maps
- Ficheiros que conectam o JavaScript gerado de volta às linhas originais do TypeScript — para que o Sentry possa mostrar exatamente onde foi o erro.
- HMR (Hot Module Replacement)
- A capacidade do Vite de atualizar partes do app no navegador sem recarregar a página inteira.