Visão Geral

Este curso combina React JS no front-end com NestJS no back-end, criando uma base sólida para desenvolvimento full stack moderno, modular e escalável. Você aprenderá a construir interfaces profissionais, APIs robustas, autenticação avançada e um fluxo completo de desenvolvimento para apps reais.

Objetivo

Após realizar este curso, você será capaz de:

• Construir APIs escaláveis com NestJS
• Organizar back-end com módulos, controllers e services
• Criar interfaces modernas usando React
• Conectar front-end e back-end com segurança
• Implementar autenticação JWT e fluxo de login completo
• Criar um sistema full stack profissional usando TypeScript
• Publicar aplicações full stack em produção

Publico Alvo

• Devs que querem aprender full stack moderno
• Quem já usa React e deseja um back-end mais organizado
• Quem quer sair do Express e aprender NestJS
• Pessoas construindo sistemas completos para portfólio ou empresas

Pre-Requisitos

• JavaScript/TypeScript básico
• React básico
• Noções de HTTP e APIs
• Noções de programação orientada a objetos ajudam, mas não são obrigatórias

Conteúdo Programatico

Module 1 — Introduction to the Full Stack Architecture

1. Front-end vs. back-end responsibilities
2. Why React + NestJS works so well
3. Environment setup (Node, Nest CLI, Vite/CRA)
4. Understanding the monorepo and polyrepo approaches

Module 2 — React Fundamentals for Full Stack Work

1. Components, props, and state
2. Essential hooks (useState, useEffect)
3. Folder structure for scalable React apps
4. Fetch patterns and controlled components

Module 3 — NestJS Fundamentals

1. What NestJS is and why it uses TypeScript
2. Creating a NestJS project with Nest CLI
3. Modules, controllers, and providers
4. Dependency Injection explained simply

Module 4 — Building REST APIs with NestJS

1. Creating endpoints
2. DTOs and validation with class-validator
3. Services layer and clean architecture
4. Error handling and interceptors

Module 5 — Database Integration in NestJS

1. Connecting to PostgreSQL/MySQL/MongoDB
2. Using Prisma or TypeORM
3. Entities, schemas, and migrations
4. Repository and service patterns

Module 6 — Connecting React to NestJS

1. Fetching data from NestJS API
2. axios vs. fetch patterns
3. Error and loading handling
4. Creating reusable API services in React

Module 7 — Authentication & Authorization (Full Stack)

1. JWT tokens (access + refresh)
2. Auth module in NestJS
3. Login, registration, and protected routes
4. Protecting front-end routes in React
5. Persistent authentication with localStorage

Module 8 — Advanced NestJS Architecture

1. Pipes, guards, interceptors
2. Modularizing your application
3. Using ConfigModule and environment variables
4. Clean and maintainable folder structure

Module 9 — Building the Full Stack Project

1. Planning the app (CRUD + login + dashboard)
2. Building the API with NestJS
3. Building UI with React + API integration
4. Authentication flow end-to-end
5. Error handling and UX polishing

Module 10 — Deployment

1. Deploying React (Vercel/Netlify)
2. Deploying NestJS (Render, Railway, VPS)
3. Environment configuration for production
4. Connecting front-end and back-end in cloud