Voltar para home

Aula 2 - CRUD Completo com React/Next.js

Nesta aula criamos um CRUD completo utilizando React, estado, APIs REST e arquitetura fullstack. Os dados são armazenados na memória do servidor Node.js, utilizado como banco de dados fake.

Criar Usuário

Usuários cadastrados

O que aprendemos

Client Components

Aprendemos a utilizar o 'use client' para criar páginas interativas.

CRUD Completo

Implementamos GET, POST, PUT e DELETE.

Estado React

Utilizamos useState para controlar dados dinâmicos.

Formulários

Criamos inputs controlados e validações.

Renderização Condicional

Mostramos diferentes interfaces durante edição.

Arquitetura Fullstack

Frontend e backend trabalhando juntos.

Próximas etapas

PostgreSQL

Vamos integrar banco de dados real.

Prisma ORM

Aprenderemos ORM moderno para TypeScript.

Autenticação

Login e proteção de rotas.

Deploy Fullstack

Aplicação completa em produção.