|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/next-js-13-ecommerce-app-from-scratch-2023/
课程评论：没有评论
**课程名称：** Next.js 13 从零开始构建电商 App (2023) **课程概述：** 本课程旨在帮助您提升 Web 开发技能，专注于使用 React 框架 Next.js 13 构建一个功能完善的电商应用程序。 **核心功能点：** * **管理员功能：** * 分类的 CRUD (创建、读取、更新、删除) 操作。 * 产品的 CRUD 操作，以及产品与分类的关联。 * 多图上传和删除功能。 * 产品库存管理。 * 订单状态的查看与更新。 * 基于订单状态的退款处理。 * 用户管理。 * **用户功能：** * 在首页浏览产品。 * 使用 Next.js Server Components 按分类筛选产品。 * 通过防抖 (debouncing) 优化实现快速搜索产品。 * 使用 Redux Toolkit 管理购物车（添加与移除商品）。 * 在产品详情页查看完整产品信息。 * 为产品添加评论和评分。 * 在产品详情页实现“立即购买”和“添加到购物车”功能。 * 使用 Stripe 支付网关完成下单。 * 在用户中心查看订单。 * 支持取消订单功能。 * 更新个人资料信息和密码。 **关于 Next.js：** Next.js 是一个 React 框架，提供了构建 Web 应用程序所需的构建块。它集成了 React 的工具链和配置，并提供额外的结构、功能和优化，以解决路由、数据获取、集成等常见应用需求。无论您是个人开发者还是团队成员，都可以利用 React 和 Next.js 构建交互性强、动态性高且性能优越的 Web 应用程序。
Hi, Are you ready to take your web development skills to the next level? Then you are in the right place.Welcome to the course Next JS 13 Ecommerce AppIn this course, we are going to work on the following functionalities.Admin FunctionalitiesCategory CRUD Operations.Products CRUD Operations and Linking category to the products.Upload and Delete Multiple Images functionality.Products Inventory Management.View and Update the orders statuses.Issuing refund for cancelled orders based on the order status.Managing the Users.User FunctionalitiesView Products in HomepageFilter Products by Category using Next JS Server ComponentsSearch Products with Quick search functionality using debouncing logic.Adding and Removing Items from the cart using Redux ToolkitView complete product details in Product Info Page.Add Review and rating for the productsBuy Now and Add To Cart Functionality in Product Info PagePlace an order using stripe payment gatewayView orders in the customer profile Cancel order functionality Updating the profile information and passwords.Next.js is a React framework that gives you building blocks to create web applications.By framework, we mean Next.js handles the tooling and configuration needed for React, and provides additional structure, features, and optimizations for your application.You can use React to build your UI, then incrementally adopt Next.js features to solve common application requirements such as routing, data fetching, integrations - all while improving the developer and end-user experience.Whether you're an individual developer or part of a larger team, you can leverage React and Next.js to build fully interactive, highly dynamic, and performant web applications.
