Este repositório é um boilerplate minimalista para projetos Next.js com TypeScript, pronto para ser expandido conforme sua necessidade.
-
Clone o repositório
git clone <url-do-repo> cd <nome-do-projeto>
-
Instale as dependências
pnpm install # ou npm install # ou yarn install
-
Rode o projeto em modo desenvolvimento
pnpm dev # ou npm run dev # ou yarn dev
O site estará disponível em
http://localhost:3000.
├── public/
├── src/
│ ├── analytics/ # Exemplo de integração de analytics
│ ├── app/ # Páginas e layouts (Next.js App Router)
│ ├── constants/ # Constantes de exemplo
│ ├── factories/ # Factory de exemplo
│ ├── hooks/ # Hook customizado de exemplo
│ ├── libs/ # Biblioteca utilitária de exemplo
│ ├── shared/ # Header/Footer de exemplo
│ ├── styles/ # Estilos globais
│ ├── types/ # Tipos TypeScript de exemplo
│ └── utils/ # Utilitário de exemplo
- Estrutura de pastas organizada
- Header e Footer de exemplo
- Página inicial simples
- Exemplo de constante, hook, utilitário, tipo, factory e analytics
- Estilos globais básicos
- Substitua os exemplos pelos seus próprios componentes, hooks, libs, etc.
- Siga a estrutura sugerida para manter o projeto organizado.
- Adicione novas pastas e arquivos conforme a necessidade do seu projeto.
pnpm dev— roda o projeto em modo desenvolvimentopnpm build— gera o build de produçãopnpm start— inicia o servidor de produçãopnpm lint— executa o linterpnpm format— formata o código com Prettier
- Este boilerplate é apenas um ponto de partida. Personalize conforme seu fluxo de trabalho.
- Remova ou ajuste os exemplos conforme for evoluindo seu projeto.
- Sinta-se livre para adicionar novas dependências e ferramentas.
Este projeto é open source e pode ser usado livremente como base para novos projetos.