Next.js Template

GitHubVer no GitHub
Next.js Template

Crie sites modernos sem começar do zero.

Uma base Next.js com TypeScript, Tailwind CSS, testes, lint, CI/CD e monitoramento já configurados para você focar no conteúdo e na experiência do seu site.

1️⃣

Comece pelo que importa

Uma base pronta para criar landing pages e sites modernos sem repetir o mesmo setup em cada projeto.

2️⃣

Feito para sites

Ideal para desenvolvedores e equipes que criam páginas de produto, sites institucionais e campanhas.

3️⃣

Qualidade desde o início

Lint, testes, hooks e CI/CD configurados para você manter consistência desde o primeiro commit.

Pare de refazer o mesmo setup em todo projeto

Criar uma página não deveria começar com horas de configuração antes do primeiro componente.

⚠️O setup que atrasa seu projeto
  • Horas perdidas configurando linters, formatadores e regras iniciais.
  • Pipelines de CI/CD inexistentes ou complexas de estruturar.
  • Falta de padronização em validações e testes automatizados.
  • Ausência de ferramentas essenciais de monitoramento desde o dia 1.
🎯O que você recebe pronto
  • Ambiente pronto com arquitetura validada e padrões corporativos.
  • Automações de testes e deploy configuradas via GitHub Actions.
  • Qualidade de código assegurada por hooks e verificações pré-commit.
  • Foco total na entrega de valor e regras de negócio específicas.

Tudo o que seu site precisa para começar bem

Ferramentas essenciais já conectadas para manter seu código consistente, testável e pronto para evoluir.

🐙

GitHub & Actions

CI/CD automatizado para lint, testes e deploy.

React & Next.js

App Router moderno e renderização híbrida.

💙

TypeScript

Tipagem estática rigorosa e segura.

🎨

Tailwind CSS

Estilização utilitária rápida e responsiva.

🧹

ESLint & Prettier

Padronização e formatação impecável.

🐕

Husky & Lint-Staged

Git hooks para validação pré-commit.

🧪

Jest & Playwright

Testes unitários e end-to-end automatizados.

🛡️

Zod

Validação de esquemas e dados em runtime.

🚨

Sentry

Monitoramento de erros e exceções.

✉️

Resend

APIs modernas para disparo de e-mails.

📈

K6

Testes de carga e performance.

✂️

Knip

Detecção e remoção de código morto.

Do repositório ao primeiro deploy

Crie seu repositório no GitHub, instale as dependências e publique sua página com as verificações essenciais já configuradas.

ETAPA 01

Clone e Instale

Abra a página de geração, escolha o nome do repositório e clique em “Create”. Depois, clone o projeto localmente.

git clone repo-url && npm install
ETAPA 02

Valide e Teste

Instale as dependências e rode as verificações locais antes de começar a construir sua página.

npm run test && npm run lint
ETAPA 03

Deploy Automatizado

Faça o push para o GitHub e acompanhe o pipeline de lint, testes e validações automatizadas.

git push origin main
Seu próximo site começa aqui

Comece sem refazer o setup

Use uma base pronta para landing pages e sites modernos. Crie seu repositório no GitHub e comece a trabalhar no que o projeto precisa.