Template Next.js REST

Template Next.js REST

Template REST API completo com autenticação, dashboard e tema personalizável

ComeçarVer Dashboard

🚀 Primeiros Passos

1. Instalação

# Clone o repositório
git clone https://github.com/hous3/template-rest.git meu-projeto

# Entre no diretório
cd meu-projeto

# Instale as dependências
pnpm install

# Inicie o servidor de desenvolvimento
pnpm dev

2. Estrutura do Projeto

src/
├── app/                    # App Router (Next.js 15)
│   ├── (dashboard)/       # Rotas protegidas
│   ├── (authentication)/  # Páginas de autenticação
│   └── layout.tsx        # Layout raiz
├── components/           # Componentes organizados
│   ├── ui/              # Componentes básicos
│   ├── data-display/    # Cards, Avatars, etc
│   ├── feedback/        # Loading, Error, etc
│   ├── layout/          # Header, Footer
│   └── navigation/      # Theme Toggle, etc
├── contexts/            # Contextos React
└── services/            # APIs e serviços

✨ Funcionalidades

Autenticação

Sistema completo de autenticação:

  • • Login e Registro
  • • Recuperação de senha
  • • Verificação de email
  • • Proteção de rotas

Dashboard

Área administrativa completa:

  • • Layout responsivo
  • • Estatísticas em tempo real
  • • Gerenciamento de perfil
  • • Configurações personalizáveis

Componentes UI

Baseado em shadcn/ui:

  • • Button, Input, Card
  • • Form com validação
  • • Dropdown Menu, Sheet
  • • Theme Toggle

Tema Customizável

Sistema de temas completo:

  • • Modo claro e escuro
  • • Cores personalizáveis
  • • Contraste melhorado
  • • CSS Variables

🎯 Próximos Passos

1. Personalize

Configure o tema, nome do projeto e cores no arquivo theme.ts

2. Desenvolva

Crie suas páginas e componentes usando a estrutura existente

3. Deploy

Faça o build e deploy da sua aplicação em produção

Fazer LoginAcessar Dashboard