CodeLab: Crie uma plataforma de Cursos do ZERO

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

Certificado de conclusão

Após a conclusão do curso, você receberá automaticamente um certificado personalizado, comprovando sua participação e comprometimento.

Preciso ter conhecimento prévio para fazer o curso?

Sim, você precisa ter uma base de Javascript e React.

Venha construir o futuro da educação online com a CodeLab!