|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/nextjs-15-na-pratica-crie-uma-plataforma-de-cursos/
课程评论：没有评论
课程名称：Next.js 15 na prática: Crie uma plataforma de Cursos - 2025 课程概述：在本课程中，您将学习从零开始创建一个现代的在线课程平台，使用当前市场上的最新技术。课程提供了从构思到最终实施的详细实践经验，帮助您构建一个完整且可扩展的项目。 您将构建什么？在课程中，您将开发一个具有以下功能的完整平台： - **身份验证**：使用Clerk实现用户登录和注册，提供多种身份验证选项。 - **现代响应式界面**：使用shadcn/ui、Tailwind CSS和Radix UI开发现代用户界面。 - **富文本编辑器**：使用TipTap实现课程内容创建的文本编辑器。 - **文件上传与管理**：支持拖放的文件上传系统，并与Cloudflare R2集成。 - **管理仪表板**：完整的仪表板用于管理课程、用户和内容。 - **支付系统**：与支付网关（Asaas）集成，实现课程货币化。 - **自定义视频播放器**：实施与VidStack的定制视频播放器。 - **状态管理**：使用Zustand和TanStack Query高效管理应用状态。 使用的技术：为了构建CodeLab，您将使用以下技术： - Next.js 15：现代Web应用的React框架，支持服务器组件。 - TypeScript：提供静态类型的JavaScript超集。 - Clerk：全面的身份验证和用户管理解决方案。 - shadcn/ui：可重用的用户界面组件。 - Tailwind CSS：响应式快速设计的CSS工具框架。 - Radix UI：可访问的原始组件库。 - Prisma：现代数据库管理ORM。 - TipTap：基于ProseMirror的富文本编辑器。 - Cloudflare R2：用于文件和媒体的云存储。 - VidStack：现代可定制的视频播放器。 - Zustand：简单高效的状态管理。 - TanStack Query：异步状态管理和数据同步。 - React Hook Form：带验证的表单管理。 - Zod：TypeScript模式验证。 为什么要参加这个课程？完成本课程后，您将开发一个完整且功能齐全的项目，可以作为您创建自有课程平台的基础。此外，您将掌握现代且被广泛使用的技术栈，包括： - 使用Next.js的全栈开发 - 状态和缓存管理 - 身份验证与授权 - 文件上传与管理 - 第三方服务集成 - 现代响应式用户界面的开发 来与CodeLab一起构建未来的在线教育吧！
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!
