Jornada Fullstack com Next.js

Projeto de estudos fullstack moderno utilizando:

• Next.js
• React
• TypeScript
• Tailwind CSS
• APIs REST
• CRUD Completo
• PostgreSQL
• Prisma ORM
• Autenticação
• Arquitetura Fullstack

O objetivo deste repositório é documentar toda a evolução prática no desenvolvimento de aplicações fullstack modernas utilizando o ecossistema React e Next.js.

---

Tecnologias Utilizadas

• Next.js App Router
• React
• TypeScript
• Tailwind CSS
• API Routes
• Fetch API
• PostgreSQL
• Prisma ORM
• Git e GitHub

---

Estrutura das Aulas

Aula 1 — Fundamentos do Next.js Fullstack

Nesta etapa aprendemos:

• Estrutura App Router
• Componentes React
• TypeScript
• Props
• APIs internas no Next.js
• Consumo de API
• Organização de projeto
• Tailwind CSS

Funcionalidades

• Dashboard
• API de usuários
• Componentes reutilizáveis
• Consumo de dados dinâmicos

---

Aula 2 — CRUD Completo

Nesta etapa evoluímos para um CRUD fullstack completo.

Aprendizados

• GET
• POST
• PUT
• DELETE
• Formulários React
• useState
• useEffect
• Loading
• Validação
• Renderização condicional
• Rotas dinâmicas
• Arquitetura fullstack

Funcionalidades

• Criar usuários
• Editar usuários
• Deletar usuários
• Listar usuários
• API REST completa

---

Próximas Etapas

O projeto continuará evoluindo para:

• PostgreSQL
• Prisma ORM
• Banco de dados real
• Autenticação
• Deploy Fullstack
• Segurança
• Middleware
• Upload de arquivos
• Sistema de login
• Dashboard administrativo

---

Como Executar o Projeto

Clone o repositório:

git clone URL_DO_REPOSITORIO

Instale as dependências:

npm install

Execute o projeto:

npm run dev

Acesse no navegador:

http://localhost:3000