Next.js 15 na prática: Crie uma plataforma de Cursos – 2025

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