Next.js 16
Pages e App Router com Turbopack para build e dev rápidos.
v0.1.0 · Next.js 16 · Turbopack
Next.js Template
Template base para iniciar projetos Next.js com TypeScript, styled-components e PWA.
Features
Tudo que você precisa para começar.
React 19
Server Components, Actions e as APIs mais recentes do React.
TypeScript
Tipagem estrita habilitada desde o primeiro dia.
styled-components
Tema centralizado com cores, fontes e breakpoints.
PWA (Serwist)
Service worker e manifest para uso offline e instalável.
Auth.js v5
Autenticação pronta com páginas de login e dashboard.
Biome
Lint, formatação e organização de imports em uma ferramenta.
Vitest
Testes unitários e de componentes com Testing Library.
Como usar
Siga estes passos para colocar o template para rodar.
Use o botão 'Use this template' no GitHub para criar um repositório e clone-o para a sua máquina.
git clone https://github.com/r-vilemen/template-next.git meu-projetoCopie o arquivo de exemplo e gere um secret para o Auth.js.
cp .env.example .env.local
npx auth secretInstale todas as dependências do projeto com o npm.
npm installInicie o servidor de desenvolvimento e acesse http://localhost:3000.
npm run devO template inclui um layout de demonstração em src/homepage. Para começar do zero, apague a pasta e reverta _app.tsx, index.tsx e GlobalStyles.ts (ou use o botão de remoção no dev mode).
rm -rf src/homepageComandos rápidos
Os comandos essenciais do dia a dia.
Instalar dependências
npm installCopiar variáveis de ambiente
cp .env.example .env.localGerar secret do Auth.js
npx auth secretRodar em desenvolvimento
npm run devBuild de produção
npm run buildServidor de produção
npm startLint, formatação e imports
npm run checkVerificação de tipos
npm run typecheckExecutar testes
npm testMétricas
O que você ganha ao usar o template.
0.0s
Build0
Testes0
Scripts0
Vulnerabilidades