Tutorial da Vercel mostrando as últimas features do Next.js ao criar um dashboard funcional com acesso a banco de dados (Postgree), autenticação, verificação e deploy nos servidores da Vercel. Usei o tutorial como um primeiro passo para aprender Next.js. O tutorial explora características modernas que diferenciam o Next.js de outros frameworks, mostrando como aplicar cada nova função e suas vantagens.
O projeto está hospedado gratuitamente na Vercel no link: https://nextjs-dashboard-beta-five-94.vercel.app/
Para fazer login use:
email: [email protected]
password: 123456
É possivel criar invoices e editar invoices. Existe um delay proposital nas ações de criar e editar invoices.
Tutorial disponível no link: https://nextjs.org/learn/dashboard-app
Capitulos feitos:
Chapter 1 - Getting Started
Chapter 2 - CSS Styling
Chapter 3 - Optimizing Fonts and Images
Chapter 4 - Creating Layouts and Pages
Chapter 5 - Navigating Between Pages
Chapter 6 - Setting Up Your DatabaseChapter 7 - Fetching Data
Chapter 8 - Static and Dynamic Rendering
Chapter 9 - Streaming
Chapter 10 - Partial Prerendering (Optional)
Chapter 11 - Adding Search and Pagination
Chapter 12 - Mutating Data
Chapter 13 - Handiling Erros
Chapter 14 - Improving Accessibility
Chapter 15 - Adding Authentication
Chapter 16 - Adding Metadata
Dependências:
use-debounce
next-auth@beta
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent