Este curso é oferecido por um parceiro externo selecionado pela Intensiva. Ao clicar no botão do curso, você será direcionado para a Udemy para conferir os detalhes atualizados e finalizar a compra diretamente na plataforma parceira.
O que você aprenderá
Este curso inclui:
Resumo do curso
Conteúdo do curso
10 seções • 62 aulas • Duração total: 18h 7m
Requisitos
- Visual Studio Code
- Node 18
Descrição
Neste curso, você aprenderá a criar do zero ao deploy uma plataforma moderna de cursos online, utilizando as mais recentes tecnologias do mercado. Este curso oferece uma experiência prática e detalhada, desde a concepção até a implementação final de um projeto completo e escalável.
O que você vai construir?
Durante o curso, você desenvolverá uma plataforma completa com as seguintes funcionalidades:
Autenticação: Implementação de login e registro de usuários com Clerk, oferecendo múltiplas opções de autenticação.
Interface Moderna e Responsiva: Desenvolvimento de uma UI moderna utilizando shadcn/ui, Tailwind CSS e Radix UI.
Editor de Rich Text: Implementação de um editor de texto com TipTap para criação de conteúdo de cursos.
Upload e Gerenciamento de Arquivos: Sistema de upload de arquivos com suporte a drag-and-drop e integração com Cloudflare R2.
Dashboard Administrativo: Painel completo para gerenciamento de cursos, usuários e conteúdo.
Sistema de Pagamentos: Integração com gateway de pagamento (Asaas) para monetização dos cursos.
Player de Vídeo Personalizado: Implementação de um player de vídeo customizado com VidStack.
Gerenciamento de Estado: Utilização de Zustand e TanStack Query para gerenciamento eficiente do estado da aplicação.
Tecnologias Utilizadas
Para criar o CodeLab, utilizaremos as seguintes tecnologias:
Next.js 15 – Framework React para aplicações web modernas com suporte a Server Components
TypeScript – Superset de JavaScript que adiciona tipagem estática
Clerk – Solução completa para autenticação e gerenciamento de usuários
shadcn/ui – Componentes de interface reutilizáveis.
Tailwind CSS – Framework de CSS utilitário para um design ágil e responsivo
Radix UI – Biblioteca de componentes primitivos acessíveis
Prisma – ORM moderno para gerenciamento do banco de dados
TipTap – Editor de texto rico baseado em ProseMirror
Cloudflare R2 – Armazenamento em nuvem para arquivos e mídia
VidStack – Player de vídeo moderno e customizável
Zustand – Gerenciamento de estado simples e eficiente
TanStack Query – Gerenciamento de estados assíncronos e sincronização de dados
React Hook Form – Gerenciamento de formulários com validação
Zod – Validação de esquemas TypeScript
Por que fazer este curso?
Ao concluir este curso, você terá desenvolvido um projeto completo e funcional que pode ser usado como base para criar sua própria plataforma de cursos. Além disso, você irá dominar uma stack moderna e bastante utilizada no mercado de trabalho, incluindo:
Desenvolvimento full-stack com Next.js
Gerenciamento de estado e cache
Autenticação e autorização
Upload e gerenciamento de arquivos
Integração com serviços de terceiros
Desenvolvimento de interfaces modernas e responsivas
Venha construir o futuro da educação online com a CodeLab!
Para quem é este curso:
Desenvolvedores com experiência prévia em ReactJS e TypeScript que desejam aprender NextJS na prática construindo uma aplicação Full Stack
Desenvolvedores com experiência em NextJS que desejam conhecer as funcionalidades da versão 15 na prática
Mostrar maisMostrar menos
Denunciar abuso
Para quem é este curso:
- Desenvolvedores com experiência prévia em ReactJS e TypeScript que desejam aprender NextJS na prática construindo uma aplicação Full Stack
- Desenvolvedores com experiência em NextJS que desejam conhecer as funcionalidades da versão 15 na prática
- Mostrar maisMostrar menos
- Denunciar abuso
Ao clicar em “Ver curso na Udemy”, você será direcionado para a Udemy para conferir as informações completas e finalizar a compra diretamente por lá.