Curso de React JS 19 e Next.js 15 (atualizado para 2025)
What you'll learn
- React 19: Crie aplicações SPA usando Context API, Reducers, Tailwind CSS, Web Workers e muito mais
- Next.js 15: Crie sites usando o novo App Router, Server Components e Server Actions com autenticação em Cookies e JWT
- NestJS 11: monte seu back-end (API Rest) com upload de arquivos e autenticação / autorização JWT para front-end React e/ou Next.js
- Aprenda a usar o CACHE do Next.js 15 com revalidação via tag e tempo e Fetch API ou funções próprias (Full Route Cache, Router / Link Cache e Data Cache)
- Estilize interfaces modernas com Tailwind CSS v4. Exiba e permita edição de texto em Markdown estilizado com Tailwind Typography Plugin
- Testes automatizados com Vitest e Playwright (Unitários, Integração e end-to-end)
- Implemente autenticação de usuários com JWT, cookies httpOnly seguros e hash de senha (Bcrypt)
- Faça o deploy completo no GitHub Pages, na Vercel e em um servidor Linux com HTTPS, Nginx e pm2
- Descubra padrões de código e macetes de quem já quebrou muita cabeça programando de verdade
- Você também recebe vários conteúdos extras: SQL, HTML, CSS, Linux, Design Patterns, e coisas que vou passando ao longo das aulas
Requirements
- É necessário ter conhecimento intermediário em JavaScript
- É importante já ter familiaridade com HTML e CSS
- Este curso não é indicado para iniciantes absolutos em programação
Description
Curso de React 19 e Next.js 15 com Tailwind, TypeScript e muito mais, do zero ao deploy.
Este curso está passando por uma grande atualização em 2025, com praticamente todas as seções sendo regravadas e adaptadas para as versões mais recentes do ecossistema React e Next.js. Ao se inscrever, você garante acesso vitalício a todo o conteúdo atual e às atualizações futuras, sem pagar nada a mais por isso.
O que você vai aprender?
Todas as aulas são focadas na prática e na realidade do mercado, com exemplos reais, código limpo e explicações linha por linha.
Você vai aprender com um desenvolvedor com mais de 12 anos de experiência em front-end e back-end, que compartilha não só o “como fazer”, mas também os motivos por trás de cada escolha - incluindo dicas valiosas de segurança, performance e boas práticas profissionais.
Aqui vai um pequeno compilado das coisas que falamos ao longo das aulas:
React 19 com os hooks mais modernos e práticas reais
Next.js 15 com App Router, Server Components e Server Actions
NestJS para API Rest com autenticação e autorização via JWT
Integração do Next.js e Server Actions com uma API REST feita com NestJS
Tailwind CSS v4 para criar interfaces modernas e responsivas
Testes automatizados com Vitest e Playwright (Testes Unitários, de Integração e testes end-to-end)
TypeScript aplicado de ponta a ponta
Projetos com Vite e React Router (CSR puro)
Formulários avançados com useActionState, validação e tratamento de erros
Server Actions com useTransition e interações reativas
Upload de imagens com preview e validação
Markdown com @uiw/react-md-editor e react-markdown
Cache de dados, revalidação automática e manual com Next.js
Autenticação segura com cookies HTTP-only e JWT (lib jose)
Criptografia com Bcrypt e hash seguro
Gerenciamento de estado com Context API, useReducer e Web Workers
Deploy completo: Vercel, GitHub Pages e Servidor Linux com HTTPS (NGINX + Certbot)
Em resumo: você vai criar aplicações web com React, Next.js e com o NestJS durante o curso todo. Também vai publicar suas aplicações em servidores reais, com Nginx, HTTPS e toda a segurança contra ataques em servidores online.
Tecnologias, bibliotecas e ferramentas
Todas as aulas estão sendo atualizadas ao longo de 2025, sempre com o compromisso de entregar o conteúdo mais moderno e relevante para o mercado.
Abaixo estão algumas das tecnologias mais utilizadas no curso - além delas, você também verá várias outras ferramentas pontuais que fazem parte do dia a dia de um projeto real.
Frontend
React 19, Next.js 15, Tailwind CSS v4, TypeScript, Vite
Backend
NestJS para Rest API com autenticação JWT. Será um Back-end para o Next.js + React
Roteamento
App Router (Next.js 15) e React Router 7 (CSR e SPA)
Validação de dados
Zod
Autenticação
JWT com a biblioteca jose, hash seguro com bcrypt
Banco de dados
Drizzle ORM com SQL
UI e UX
React Toastify, Markdown (@uiw/react-md-editor, react-markdown), clsx, uuid, slugify, date-fns
Server-side / Backend-like
Server Actions, Server Components, Web Workers
DevOps e Deploy
Explicação detalhada sobre o deploy em servidores reais. Tecnologias e tópicos: Git, GitHub, Vercel, GitHub Pages, Linux (Ubuntu), NGINX com SSL (Let's Encrypt HTTPS).
Testes unitários, de integração e e2e (end-to-end)
Temos uma seção inteira exclusivamente dedicada para testes em geral. Você vai aprender a usar o Vitest para fazer testes unitários e de integração com mocks e spies complexos, e também aprenderá a usar o Playwright para escrever testes end-to-end (testes de ponta a ponta da sua aplicação).
Diferenciais do curso
Aqui é o Luiz Otávio Miranda (instrutor do curso), e os meus quase 300 mil alunos podem falar por si só. Meu objetivo com qualquer curso é simples: fazer você aprender de verdade.
Você não vai encontrar aqui apresentações com slides robóticos sendo lidos.
O que temos são aulas 100% práticas, onde eu te mostro cada linha de código, explico por que ela está ali, e como tudo se encaixa até formar um projeto completo.
Você vai sair do curso sabendo construir, não apenas copiar.
Aqui estão alguns dos nossos principais diferenciais:
Atualizado em 2025 com as versões mais modernas do ecossistema React
Explicações linha por linha, com foco no entendimento real do código
Projetos reais, com design responsivo e lógica de produção
Deploy profissional, incluindo configuração de servidor Linux real com HTTPS
Acesso vitalício com todas as atualizações futuras inclusas
Seções organizadas de forma modular, facilitando sua progressão
Seções de testes unitários, integração e e2e com Vitest e Playwright
Muito mais (você vai entender quando entrar, te garanto)
Para quem é este curso?
Se você já domina o básico de HTML, CSS e JavaScript e quer dar o próximo passo rumo ao mercado real, este curso é pra você.
Aqui você vai aprender, na prática, como construir aplicações completas, do zero até o deploy, usando as ferramentas mais modernas e requisitadas do mercado.
Bora?
Who this course is for:
- Desenvolvedores que já conhecem JavaScript e querem aprender React com TypeScript
- Devs que desejam dominar o Next.js 15 com App Router, Server Components e Server Actions
- Pessoas que querem aprender criando projetos reais com deploy profissional e segurança
- Alunos que preferem entender o código de verdade, com explicações linha por linha
- Profissionais que querem sair da teoria e construir aplicações modernas, do zero ao deploy
- Este curso não é indicado para iniciantes absolutos em programação
Instructors
Meu nome é Luiz Otávio Miranda e trabalho com desenvolvimento de software desde 2009.
Ao longo da minha carreira, trabalhei com diversas linguagens, bibliotecas e frameworks, mas minhas principais especializações são JavaScript, TypeScript, Python, com mais de 600 horas de conteúdo ministrado aqui e mais de 300+ mil alunos nos cursos (continuamos crescendo diáriamente).
Além da programação, tenho experiência sólida em áreas complementares como HTML, CSS, SQL e outros conhecimentos fundamentais para o dia a dia de quem desenvolve software com eficiência e clareza (inclusive soft skills que ninguém ensina).
Atuei em projetos full stack, tanto no frontend, backend e também com aplicações mobile e infraestrutura (DevOps). Também trabalhei em provedores de internet, lidando com redes (fibra, wireless, cabeamento) e administração de servidores Linux.
Hoje, dedico 100% do meu tempo a ensinar tudo o que aprendi ao longo dos anos, com foco em clareza, utilidade prática e sem enrolação.
Sou um entusiasta de tecnologia e instrutor na Udemy, oferecendo suporte em cinco cursos completos de programação: Python, GraphQL, Django, React e Next.js. Minha missão é tornar a aprendizagem de programação acessível e eficaz, fornecendo suporte contínuo e conteúdo atualizado para que meus alunos possam alcançar seus objetivos e se destacar no mercado de trabalho.
Nos meus cursos, abordo desde os conceitos básicos até técnicas avançadas, capacitando os alunos a criar aplicações robustas, seguras e escaláveis. Com um foco prático e orientado a projetos reais, preparo meus alunos para enfrentar os desafios do mundo da programação e desenvolver soluções inovadoras e eficientes. Junte-se a mim nessa jornada de aprendizado e transformação!