Overview

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 UtilizadasPara criar o CodeLab, utilizaremos as seguintes tecnologias:Next.js 15 - Framework React para aplicações web modernas com suporte a Server ComponentsTypeScript - Superset de JavaScript que adiciona tipagem estáticaClerk - Solução completa para autenticação e gerenciamento de usuáriosshadcn/ui - Componentes de interface reutilizáveis.Tailwind CSS - Framework de CSS utilitário para um design ágil e responsivoRadix UI - Biblioteca de componentes primitivos acessíveisPrisma - ORM moderno para gerenciamento do banco de dadosTipTap - Editor de texto rico baseado em ProseMirrorCloudflare R2 - Armazenamento em nuvem para arquivos e mídiaVidStack - Player de vídeo moderno e customizávelZustand - Gerenciamento de estado simples e eficienteTanStack Query - Gerenciamento de estados assíncronos e sincronização de dadosReact Hook Form - Gerenciamento de formulários com validaçãoZod - Validação de esquemas TypeScriptPor 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.jsGerenciamento de estado e cacheAutenticação e autorizaçãoUpload e gerenciamento de arquivosIntegração com serviços de terceirosDesenvolvimento de interfaces modernas e responsivasVenha construir o futuro da educação online com a CodeLab!

Skills

Reviews