|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/nextjs-15-typescript-full-stack-app-calendra-app/
课程评论：没有评论
课程名称：NextJS 15 + TypeScript 全栈应用 - Calendra 应用 课程概述： 在本课程中，您将学习如何构建和部署一个类似于 Calendly 的全功能调度应用——Calendra。告别时区混淆、反复邮件沟通安排和日历困扰，您将亲手打造一个简洁、实用的调度工具。该课程提供动手实践的真实项目经验，涵盖从零开始构建一个专业级 SaaS 风格产品的每一个步骤。 课程内容： 在这个项目驱动的课程中，您将学习如何： - 构建现代化的落地页，设计干净、响应式的用户界面。 - 使用 Clerk 设置用户身份验证，实现安全注册、登录及事件管理。 - 设计直观的导航和用户流程，确保用户体验流畅。 - 创建事件页面，让用户能够设置不同类型的事件（如 30 分钟或 60 分钟的会议）。 - 构建动态的日程页面，让用户可以灵活设置每周的可用时间。 - 启动公共个人资料页面，提供唯一 URL，让他人无需注册即可预约。 - 通过 Google APIs 集成 Google 日历，实现自动同步会议和设置提醒。 - 智能处理时区问题，确保会议在正确的时间进行。 完成后，您将拥有一个实用的调度应用 Calendra，具备以下功能： - 用户身份验证 - 活动创建和定制 - 根据可用时间让他人预约 - 自动创建 Google 日历事件 - 防止重复预约和时区混淆 技术栈： - Next.js 15 - 应用路由、服务器操作、边缘就绪 - React 19 - 用于构建交互式用户界面 - TypeScript - 提供类型安全、可维护的代码 - Tailwind CSS v4 - 快速灵活的样式解决方案 - shadcn/ui - 美观、可访问的组件 - Neon - 支持分支和无服务器的现代 Postgres 数据库 - Drizzle ORM - 类型安全数据库查询 - Google Calendar API - 实现真实的日历同步 - Clerk - 现代身份验证解决方案 讲师介绍： 课程讲师 Nour 是软件工程师和编程流畅度的创办人，致力于帮助开发者学习构建真实的、生产级的应用程序。Nour 的目标是确保学员不仅理解所构建的内容，还能在课程结束后自信地独立完成类似项目。 适合人群： - 希望深入全栈项目的前端开发者 - 对现代用户界面和工具感兴趣的后端工程师 - 打算打造吸引人的作品集项目的初中级开发者 - 希望从零开始构建真实 SaaS 风格应用的任何人 课程结束后，您将拥有： - 一个已部署、功能完整的调度应用 - 与 API、数据库和全栈逻辑的实际工作经验 - 一份展示您技能的精致项目 - 自信构建和交付自己的全栈应用的能力 如果您厌倦了玩具应用和让人疑惑的教程，这门课程将是您完美的选择。加入我们，一起构建出色的应用！
Build and Deploy a Full-Stack Scheduling App Like CalendlyTired of the timezone mix-ups, back-and-forth scheduling emails, and calendar confusion? Wish you could build something as sleek and useful as Calendly-with your own hands? You're in the right place.Welcome to "Build and Deploy a Calendly Clone", a hands-on, real-world course where you'll learn how to build Calendra-a full-featured, full-stack scheduling app that lets users create events, set availability, and share booking links with the world. Oh, and it even syncs with Google Calendar to make sure meetings actually land where they should.Whether you're a junior dev looking to level up your full-stack skills, or a mid-level engineer wanting to build something polished and practical, this course is designed to walk you through every step of building a professional-grade SaaS-style product from scratch.What You'll LearnOver the course of this project-based journey, you'll learn how to:Build a modern landing page with clean, responsive design that sets the tone for your app. No outdated templates-just fresh, functional UI.Set up authentication with Clerk, so users can securely register, log in, and manage their own events and schedules.Design intuitive navigation and user flows, because if users get lost, they won't book meetings.Create an Events Page, where users can set up different types of events (like 30-min or 60-min meetings) with customizable durations, descriptions, and availability.Build a dynamic Schedule Page, so users can set their weekly availability in an intuitive, user-friendly interface.Launch Public Profile Pages, complete with unique URLs, where anyone can book meetings with a user-no signup required.Integrate with Google Calendar, using Google APIs, to automatically sync meetings and set reminders-so nothing slips through the cracks (or lands at 3 AM).Handle timezones intelligently, so meetings are booked at the right time no matter where users or their clients are located.What You'll BuildBy the end of this course, you'll have a fully deployed version of Calendra, a real-world scheduling app that can:Authenticate usersLet users create and customize eventsLet others book time with them based on their availabilityAutomatically create calendar events in Google CalendarPrevent double-bookings and timezone confusionAnd it will look professional, fast, and modern-ready to show off in your portfolio or even use in production.Tech StackWe're using the latest tools and libraries to build something that feels modern and performant:Next.js 15 - App Router, Server Actions, Edge-ready by defaultReact 19 - For building rich, interactive UITypeScript - For type-safe, maintainable codeTailwind CSS v4 - For styling that's fast, flexible, and easy to customizeshadcn/ui - For beautifully designed, accessible componentsNeon - A modern Postgres database with branching and serverless supportDrizzle ORM - Type-safe database queries, schema-first and easy to useGoogle Calendar API - For real calendar sync and remindersClerk - Modern authentication with email, OAuth, and moreMeet Your InstructorHi! I'm Nour, a software engineer and creator of Programming Fluency. I've helped thousands of developers learn how to build real, production-ready apps with clean architecture and modern tools. My goal is to make sure you not only understand what you're building, but that you can confidently build similar projects on your own after the course.Who This Course Is ForThis course is for:Frontend developers ready to dive into full-stack projectsBackend-curious engineers looking to explore modern UI and toolingJunior to mid-level devs building portfolio projects that stand outAnyone who wants to build a real SaaS-style app from scratchYou should have some experience with React and JavaScript/TypeScript. You don't need to be a backend expert-I'll guide you through it step by step.By the End of This Course…You'll have:A deployed, fully functional scheduling appReal-world experience working with APIs, databases, and full-stack logicA polished project that demonstrates your skills to employers or clientsThe confidence to build and ship your own full-stack applicationsReady to Build Something Real?If you're tired of toy apps and tutorials that leave you wondering "how does this work in production?", this course is for you. We're building a real tool, with real features, that solves real problems.Join me-and let's build something amazing together.
