|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/nextjs-ecommerce-course/
课程评论：没有评论
课程名称：Next.js 电商2025 - 从零开始的购物平台 课程概述： 如果您希望提升您的React技能，并在实际项目中学习如何使用Next.js，那么这门课程非常适合您。我们将使用Next.js、TypeScript以及其他多种技术来创建“Prostore”——一个功能全面的购物平台，包含评论、PayPal和Stripe集成、电子邮件收据等。本课程面向已经了解React的人士，具备Next.js基础知识更佳。您将学习如何结合多种技术创建一个完整的项目，并将其展示在您的作品集上。课程中将使用的部分技术和库包括：Next.js v15、React v19、TypeScript、ESLint、PostgreSQL、Prisma、Zod、Next Auth、React Hook Form、PayPal和Stripe API、ShadCN UI、Tailwind CSS、Recharts、Uploadthing、Jest。 尽管这是一个以项目为基础的课程，但并非简单的“看我编码”。我会详细解释我所做的事情，以便您能够理解，而不是仅仅复制。您可以利用这些知识创造自己的优秀项目。 课程大纲： 1. 介绍 - 讲解课程内容及项目与技术栈概述。 2. 应用创建与基本布局 - 创建应用、布局、设置ShadCN UI，并学习如何使用UI组件、创建主题切换器、加载与未找到页面、展示一些示例数据。 3. 数据库、Prisma与产品展示 - 设置Neon PostgreSQL数据库和Prisma ORM，学习创建模型与迁移，以及如何填充数据和从数据库获取产品。 4. 使用Next Auth进行认证 - 创建完整的认证系统。 5. 加入购物车 - 创建一个与数据库和会话集成的购物车系统。 6. 购物车与运输页面 - 开始结账过程，包括购物车页面摘要和运输地址表单。 7. 付款方式与订单页面 - 创建结账过程中的其他页面。 8. PayPal支付 - 集成PayPal API，并进行Jest进行单元测试。 9. 订单历史与用户资料 - 创建用户区域，包含订单列表和资料更新页面。 10. 管理后台 - 开始构建管理区域和概览页面。 11. 管理产品与图片上传 - 从管理端管理产品，并实现图像上传。 12. 管理用户与搜索 - 从管理端管理用户，并实现对产品、订单和用户的搜索功能。 13. 抽屉、轮播和搜索 - 创建类别抽屉、特色产品轮播，并完善主产品搜索过滤器。 14. 评分与评论 - 创建评分和评论系统。 15. Stripe支付 - 使用Stripe API和相关包实现支付功能。 16. 电子邮件购买收据 - 使用Resend服务通过应用发送电子邮件。 17. 首页组件与课程总结 - 添加更多首页组件，并总结课程内容。 这是一个全面、系统的课程，适合希望提升自己技能的React开发者。
If you want to take your React skills to the next level and learn to use Next.js in an actual real-world project, this is the course for you. We are using Next.js, TypeScript and many other technologies to create "Prostore". A full-featured shopping platform with reviews, PayPal and Stripe integration, email receipts and more.This course is for people that already know React. Knowing the basics of Next.js is even better. You will learn how to use many different technologies together to create a full project that you can then display on your portfolio.Here is a list of some of the technologies and libraries that we'll be using:Next.js v15React v19TypeScriptES LintPostgreSQLPrismaZodNext AuthReact Hook FormPayPal & Stripe APIShadCN UITailwind CSSRechartsUploadthingJestEven though this is a project-based course, it is not simply "watch me code". I will explain in detail what I am doing so that you can understand rather than just copy. You can then use that knowlege to create your own awesome projects.Here is a complete outline of the course sections:1. Introduction - I explain what the course is about and we go over the project and the stack.2. App Creation & Basic Layour - We create our app, the layout, setup ShadCN UI and learn how to use UI components, create a theme toggler, loading & not found pages, display some sample data.3. Database, Prisma & Product Display - We setup our Neon PostgreSQL database and the Prisma ORM. We learn to create models and migrations and how to seed data and fetch products from the database.4. Authentication With Next Auth - We create full authentication with the Next Auth library5. Add To Cart - Create a cart system with database and session integration.6.. Cart & Shipping Page - We start out checkout process with the cart page summary and the shipping address form.7. Payment Method & Order Pages - We create the other pages in our checkout process.8. PayPal Payments - Integrate the PayPal API. We even do a little unit testing with JEST.9. Order History & User Profile - Create the user area with a list of orders and the profile update page.10. Admin Dashboard - We start on the admin area and the overview page11. Admin Products & Image Uploading - We manage products from admin and implement image uploading with Uploadthing.12. Admin Users & Search - Manage users from admin and implement a search for products, orders and users in admin.13. Drawer, Carousel and Search - We create a category drawer, featured product carousel and then work on the main product search filters.14. Ratings & Reviews - We create the rating and review system.15. Stripe Payments - Use the Srtipe API and some packages to ad stripe payments.16. Email Purchase Receipts - We use the Resend service for sending emails through the app.17 - Homepage Components & Wrap Up - We add few more homepage components and then wrap up the course.
