⚛
React Forge
1
Projeto
2
Páginas
3
Estilos
4
Navegação
5
Preview
Configurar Projeto
Nome do Projeto
Sem espaços ou caracteres especiais. Use hífens para separar palavras.
Diretório do Projeto
Procurar…
O projeto será criado dentro desta pasta.
⚠
Continuar mesmo assim
Bundler
Vite
Recomendado — rápido e moderno
Create React App
Clássico — compatibilidade ampla
Definir Páginas
Número de Páginas
Mínimo 1, máximo 10 páginas
Nomes das Páginas
Use CamelCase, sem espaços. Ex: Home, SobreMim, Contato
Configurar Estilos
Opções
Zerar CSS
Adiciona reset universal no index.css (margin: 0, padding: 0, box-sizing: border-box)
Padronizar componentes
Gera function component com classe CSS e estrutura base já definida
Tipo de CSS
CSS Global
Arquivo .css simples por componente
CSS Module
Arquivo .module.css com escopo local
Configurar Navegação
Criar navegação com React Router
Instala react-router-dom e configura rotas automaticamente
Rotas que serão criadas:
Preview do Projeto
Revise a estrutura acima antes de criar o projeto.
Ações após criar
Abrir pasta no VS Code
Abre a pasta do projeto nesta janela
Rodar o projeto
npm run dev
✓
Projeto criado com sucesso!
Arquivos criados:
Próximos passos:
📁 Abrir pasta
▶ Rodar projeto
Erro ao criar projeto
Fechar
← Voltar
Avançar →
⚛ Criar Projeto