|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/nextjs-portfolio-builder-app-with-supabase-and-shadcn/
课程评论：没有评论
课程名称：Next.js与Supabase - 2025年作品集构建应用 课程概述：欢迎来到使用Next.js和Supabase构建作品集应用的课程！在本课程中，您将学习如何使用Next.js和Supabase构建现代作品集构建应用。完整的逐步指南将带您了解创建一个完整的全栈应用的各个方面，使用户能够设计和管理他们的作品集，而无需编写任何代码。 学习内容： - **Next.js与Supabase简介**：了解Next.js的前端开发核心概念以及Supabase的后台功能。 - **项目设置**：配置Next.js项目，并与Supabase集成以实现数据库、认证和存储。 - **Shadcn UI**：探索Shadcn与传统CSS框架相比的优势，以构建模块化和可定制的用户界面。 - **安全认证**：使用Clerk和Supabase实施强大的用户认证。 - **个人资料页面**：创建包含名称、角色、电子邮件、简介及作品集首页的英雄图像等字段的个人资料部分。 - **项目部分**：构建项目的增删改查操作，包括标题、描述、图像、链接和标签等字段。 - **工作经历部分**：为工作经历添加增删改查功能，包括标题、角色、公司、开始日期、结束日期和描述等字段。 - **教育部分**：管理教育详情，包括学位、专业、学校、开始日期、结束日期和描述等字段。 - **技能部分**：实施包含名称、级别和类别等字段的技能的增删改查操作。 - **配置/设置页面**：允许用户控制作品集的可见性并自定义各部分。 - **Supabase查询**：精通Supabase中的高级查询和过滤技术。 - **图像存储**：使用Supabase存储和检索作品集图像。 - **独特的作品集链接**：为每个用户的作品集生成可分享的独特URL。 - **问答支持**：在整个课程中获取问题解答和故障排除支持。 感谢您选择本课程！到课程结束时，您将拥有一个功能齐全的作品集构建应用，并深入理解Next.js、Supabase以及现代全栈开发实践。立即注册，开始构建吧！
Welcome to the Next.js Portfolio Builder App with Supabase Course!In this course, you'll learn how to build a modern portfolio builder app using Next.js and Supabase. This step-by-step guide will take you through every aspect of creating a full-stack application that allows users to design and manage their portfolios without writing a single line of code.What You'll LearnIntroduction to Next.js and Supabase: Understand the core concepts of Next.js for frontend development and Supabase for backend functionality.Project Setup: Configure a Next.js project and integrate it with Supabase for database, authentication, and storage.Shadcn UI: Explore Shadcn's advantages over traditional CSS frameworks for building modular, customizable user interfaces.Secure Authentication: Implement robust user authentication using Clerk and Supabase.Profile Page: Create a profile section with fields like name, role, email, bio, and a hero image for the portfolio landing page.Projects Section: Build CRUD operations for projects, including fields like title, description, image, link, and tags.Work Experience Section: Add CRUD functionality for work experience with fields like title, role, company, start date, end date, and description.Education Section: Manage education details with fields like degree, major, school, start date, end date, and description.Skills Section: Implement CRUD operations for skills, including fields like name, level, and category.Configuration/Settings Page: Allow users to control portfolio visibility and customize sections.Supabase Queries: Master advanced querying and filtering techniques in Supabase.Image Storage: Store and retrieve portfolio images using Supabase Storage.Unique Portfolio Links: Generate shareable, unique URLs for each user's portfolio.Q/A Support: Get your questions answered and troubleshoot issues throughout the course.Thank You for Choosing This Course!By the end, you'll have a fully functional portfolio builder app and a deep understanding of Next.js, Supabase, and modern full-stack development practices. Enroll now and start building!
