Cursos

App de Notas Full Stack com Next.js + SQLite + Login Simples

• Nível: Projetos
• Módulos: 7
• Aulas: 28
• Tempo de leitura: 1h 32min
• Tecnologias: Next.js
• Preço: R$ 47,00

Código do curso: github.com/johnpires/app-notas-nextjs-sqlite

Conteúdo do curso

Módulo 1: Módulo 1 — Introdução e Setup

Visão geral do projeto, configuração do ambiente de desenvolvimento e estrutura inicial do app de notas.

1. O que vamos construir — Visão Geral do App de Notas (2 min)
2. Configurando o Ambiente de Desenvolvimento (2 min)
3. Arquitetura e Estrutura do Projeto (3 min)

Módulo 2: Módulo 2 — Banco de Dados com Prisma + SQLite

Configure o Prisma ORM com SQLite, modele o schema de usuários e notas, execute migrations e pratique queries com o Prisma Client.

1. Instalando e Configurando o Prisma com SQLite (3 min)
2. Modelando o Schema: User e Note (8 min)
3. Migrations e Seed de Dados (3 min)
4. Prisma Client: Queries e Operações (3 min)

Módulo 3: Módulo 3 — Autenticação com NextAuth.js

Implemente autenticação completa com NextAuth.js usando Credentials Provider, gerencie sessões JWT e proteja rotas com middleware.

1. Configurando NextAuth com Credentials Provider (2 min)
2. Páginas de Login e Cadastro (3 min)
3. Sessões JWT e Proteção de Rotas (2 min)
4. Middleware de Autenticação (2 min)

Módulo 4: Módulo 4 — API Routes: CRUD de Notas

Construa todas as rotas de API com Next.js App Router, implementando CRUD completo de notas com validação, tratamento de erros e autorização por usuário.

1. GET /api/notes — Listando Notas do Usuário (3 min)
2. POST /api/notes — Criando Novas Notas (2 min)
3. PUT /api/notes/[id] — Atualizando Notas (3 min)
4. DELETE /api/notes/[id] — Deletando Notas (2 min)
5. Validação Robusta e Tratamento de Erros (3 min)

Módulo 5: Módulo 5 — Interface do Usuário

Construa a interface completa do app: lista de notas, editor, modal de criação e edição, busca em tempo real e feedback visual com loading states e toasts.

1. Layout Principal e Navegação (2 min)
2. Lista de Notas com Busca em Tempo Real (3 min)
3. Editor de Notas com Textarea Rica (2 min)
4. Modal de Criação e Edição de Notas (3 min)
5. Loading States e Feedback Visual (2 min)

Módulo 6: Módulo 6 — Funcionalidades Extras

Adicione categorias, busca full-text com SQLite FTS5, ordenação, paginação e exportação de notas como Markdown ou TXT.

1. Categorias e Tags para Notas (8 min)
2. Busca Full-Text com SQLite FTS5 (8 min)
3. Ordenação, Paginação e Filtros Avançados (8 min)
4. Exportar Notas como Markdown ou TXT (2 min)

Módulo 7: Módulo 7 — Deploy e Produção

Faça o deploy do app na Vercel com SQLite persistente via Turso, configure variáveis de ambiente e aprenda melhorias futuras para evoluir o projeto.

1. Deploy na Vercel com Turso (SQLite na Nuvem) (3 min)
2. Variáveis de Ambiente e Configuração de Produção (2 min)
3. Próximos Passos e Melhorias do Projeto (3 min)