andrei-mz / nextjs-dashboard

Projeto Painel Financeiro - fullstack

📊 Painel Financeiro 📊

🚀 Sobre

💾 Neste projeto contém:

• Uma página inicial pública.
• Uma página de login.
• Páginas do painel protegidas por autenticação.
• A capacidade dos usuários de adicionar, editar e excluir faturas.
• O painel também terá um banco de dados de acompanhamento.

📈 Visão Geral:

• Estilo : As diferentes maneiras de estilizar seu aplicativo no Next.js.
• Otimizações : Como otimizar imagens, links e fontes.
• Roteamento : Como criar layouts e páginas aninhadas usando o roteamento do sistema de arquivos.
• Busca de dados : como configurar um banco de dados no Vercel e práticas recomendadas para busca e streaming.
• Pesquisa e paginação : como implementar pesquisa e paginação usando parâmetros de pesquisa de URL.
• Mutação de dados: como mutar dados usando ações do React Server e revalidar o cache do Next.js.
• Tratamento de erros: como lidar com 404erros gerais e não encontrados.
• Validação de formulários e acessibilidade: como fazer validação de formulários no lado do servidor e dicas para melhorar a acessibilidade.
• Autenticação : Como adicionar autenticação ao seu aplicativo usando NextAuth.js Middleware.
• Metadados : Como adicionar metadados e preparar seu aplicativo para compartilhamento social.

🔨 Tecnologias e Ferramentas

• Javascript
• Typescript
• React
• Nextjs
• Nodejs
• PostgreSQL
• Tailwind

Link Projeto

Clique aqui ➡ Painel Financeiro

Para efetuar o login deve usar:

• Email: [email protected]
• Senha: 123456