آموزش جامع راه‌اندازی فروشگاه اینترنتی با Next.js - مقدمات و زیرساخت - آخرین آپدیت

دانلود Introduction to Next.js Ecommerce - Setting Up the Basics

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: این دوره دارای قابلیت Coursera Coach است! یک روش هوشمندتر برای یادگیری با گفتگوهای تعاملی و بی‌درنگ که به شما کمک می‌کند دانش خود را بسنجید، پیش‌فرض‌ها را به چالش بکشید و در حین پیشرفت در دوره، درک خود را عمیق‌تر کنید. یاد بگیرید که چگونه یک پلتفرم کامل تجارت الکترونیک را از پایه با استفاده از Next.js، Prisma و PostgreSQL بسازید. این دوره شما را از طریق ضروریات توسعه Full-stack هدایت می‌کند و مهارت‌های لازم برای طراحی و ساخت اپلیکیشن‌های با کارایی بالا و مقیاس‌پذیر را به شما می‌آموزد. شما کار خود را با راه‌اندازی تکنولوژی‌های مورد نیاز (Tech Stack)، محیط توسعه و رابط کاربری با استفاده از ShadCN UI شروع خواهید کرد. از آنجا، ساختار صفحات (Layouts) و کامپوننت‌های قابل استفاده مجدد را برای پی‌ریزی اپلیکیشن خود خواهید ساخت. با پیشرفت در دوره، PostgreSQL را با Prisma برای مدیریت بی‌وقفه داده‌ها ادغام کرده و اعتبارسنجی پیشرفته با Zod را بررسی می‌کنید، و در نهایت اپلیکیشن خود را برای استفاده در دنیای واقعی مستقر (Deploy) خواهید کرد. در مرحله بعد، به سراغ احراز هویت امن با NextAuth خواهید رفت که قابلیت ثبت‌نام، ورود کاربران و شخصی‌سازی توکن را فراهم می‌کند. در نهایت، یک سیستم قدرتمند سبد خرید با قیمت‌گذاری پویا، مدیریت نشست‌ها (Session) و تعاملات روان کاربر پیاده‌سازی خواهید کرد تا یک تجربه خرید آنلاین واقعی را شبیه‌سازی کنید. این دوره برای توسعه‌دهندگانی که با React آشنایی دارند و می‌خواهند سطح خود را به توسعه Full-stack با ابزارهای مدرن ارتقا دهند، ایده‌آل است. داشتن دانش عملی از JavaScript و مبانی توسعه وب الزامی است. این دوره برای سطح متوسط طراحی شده است.

سرفصل ها و درس ها

مقدمه دوره Course Introduction

  • معرفی دوره تخصصی Introduction to the Specialization

  • تکنولوژی‌های مورد استفاده The Stack

  • معرفی پروژه The Project

  • آماده‌سازی محیط توسعه The Environment

  • مستندات پیشرفته Premium Docs

ساخت اپلیکیشن و چیدمان پایه App Creation & Basic Layout

  • مقدمه بخش Section Intro

  • ایجاد اپلیکیشن Next و دارایی‌ها Create Next App & Assets

  • راه‌اندازی ShadCN UI ShadCN UI Setup

  • چیدمان اصلی و ثابت‌ها Root Layout & Constants

  • کامپوننت‌های Header و Footer Header & Footer Components

  • سوئیچ حالت تم (Dark/Light) Theme Mode Toggle

  • صفحات در حال بارگذاری و ۴۰۴ Loading & Not Found Pages

  • منوی واکنش‌گرا (Sheet Menu) Responsive Sheet Menu

  • محصولات نمونه و لیست محصولات Sample Products & Product List

  • کامپوننت کارت محصول Product Card Component

  • کامپوننت قیمت محصول Product Price Component

پایگاه داده، Prisma و نمایش محصولات Database, Prisma & Product Display

  • مقدمه بخش Section Intro

  • راه‌اندازی PostgreSQL و Prisma PostgreSQL & Prisma Setup

  • مدل‌های Prisma و Migration‌ها Prisma Models & Migrations

  • وارد کردن داده‌های نمونه (Seed) Seed Sample Data

  • بارگذاری محصولات از پایگاه داده Load Products From Database

  • اعتبارسنجی با Zod و استنتاج نوع Zod Validation & Type Inference

  • پیکربندی محیط Serverless Serverless Environment Config

  • صفحه جزئیات محصول Product Details Page

  • کامپوننت تصاویر محصول Product Images Component

  • استقرار اولیه (Initial Deployment) Initial Deployment

  • نکته‌ای درباره خطاهای ES Lint A Note on ES Lint Errors

احراز هویت با Next Auth Authentication With Next Auth

  • مقدمه بخش Section Intro

  • مدل‌های مربوط به کاربر در Prisma Prisma User-Related Models

  • وارد کردن داده‌های کاربر Seed User Data

  • راه‌اندازی Next Auth Next Auth Setup

  • مسیر API Catch All در Next Auth Next Auth Catch All API Route

  • اکشن‌های سروری ورود و خروج Sign In & Sign Out Server Actions

  • چیدمان احراز هویت و صفحه ورود Auth Layout & Sign In Page

  • فرم ورود با استفاده از Credentials Credentials Sign In Form

  • اتصال فرم ورود Hook Up Sign In Form

  • هدایت کاربر پس از ورود (Callback URL) Callback URL Redirect

  • دکمه کاربر و خروج User Button & Sign Out

  • طرح Zod و اکشن ثبت‌نام Sign Up Zod Schema & Action

  • صفحه و فرم ثبت‌نام Sign Up Page & Form

  • مدیریت خطاهای ثبت‌نام Sign Up Error Handling

  • شخصی‌سازی توکن با JWT Callback Customize Token With JWT Callback

افزودن به سبد خرید Add To Cart

  • مقدمه بخش Section Intro

  • طرح Zod سبد خرید و مدل Prisma Cart Zod Schema & Prisma Model

  • کامپوننت افزودن به سبد خرید Add To Cart Component

  • شناسه سبد خرید در نشست (Session) Session Cart ID

  • دریافت آیتم برای سبد خرید Get Item For Cart

  • محاسبه قیمت سبد خرید Price Calc For Cart

  • مدیریت تعداد و محصولات متعدد Handle Quantity & Multiple Products

  • اکشن حذف از سبد خرید Remove Cart Action

  • دکمه هوشمند سبد خرید Dynamic Cart Button

  • رابط کاربری روان با useTransition Smooth UI With useTransition

نمایش نظرات

آموزش جامع راه‌اندازی فروشگاه اینترنتی با Next.js - مقدمات و زیرساخت
جزییات دوره
9h 43m
52
(آخرین آپدیت)
553
- از 5
دارد
دارد
دارد
Chris Croft
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Croft Chris Croft

مربی مدیریت، سخنران، نویسنده