К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Introduction to Next.js Ecommerce - Setting Up the Basics · LearnSpace
Назад в каталог
courseraПрограммирование

Introduction to Next.js Ecommerce - Setting Up the Basics

Курс от Packt
Средний≈ 10.7 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Learn how to create a complete ecommerce platform using Next.js, Prisma, and PostgreSQL from the ground up. This course guides you through the essentials of full-stack development, giving you the skills to architect and build performant, scalable applications. You’ll start by setting up the tech stack, development environment, and user interface with ShadCN UI. From there, you'll build structured layouts and reusable components to lay the foundation of your app. Progressing through the course, you’ll integrate PostgreSQL with Prisma for seamless data handling and explore advanced validation using Zod, followed by deploying your app for real-world use. Next, you’ll dive into secure authentication with NextAuth, enabling user sign-up, login, and token customization. Finally, you’ll implement a robust add-to-cart system with dynamic pricing, session handling, and smooth user interactions to simulate a real online shopping experience. This course is ideal for developers familiar with React looking to level up into full-stack development using modern tools. A working knowledge of JavaScript and basic web development is required. The course is best suited for intermediate learners.

Навыки, которые вы освоите

UI ComponentsData ModelingResponsive Web DesignData ValidationAuthenticationsFull-Stack Web DevelopmentWeb ApplicationsUser Interface (UI) DesignBack-End Web DevelopmentWeb Development ToolsJavaScript FrameworksReact.jsServer SideDatabase DevelopmentPostgreSQLApplication DeploymentObject-Relational MappingDevelopment Environment

Программа курса

5 модулей · 65 учебных материалов

01Course Introduction7 материалов

Course Introduction

Introduction to the SpecializationВидеоIntroduction to the Course 'Introduction to Next.js Ecommerce - Setting Up the Basics'ЧтениеFull Specialization ResourcesЧтениеThe StackВидео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Introduction to Next.js Ecommerce - Setting Up the Basics
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 10.7 ч

5 модулей

Язык: Английский

Субтитры: Казахский

Часть программы вашего университета
The ProjectВидео
The EnvironmentВидео
Premium DocsВидео
02App Creation & Basic Layout13 материалов

App Creation & Basic Layout

Section IntroВидеоCreate Next App & AssetsВидеоShadCN UI SetupВидеоRoot Layout & ConstantsВидеоHeader & Footer ComponentsВидеоTheme Mode ToggleВидеоLoading & Not Found PagesВидеоResponsive Sheet MenuВидеоSample Products & Product ListВидеоProduct Card ComponentВидеоProduct Price ComponentВидеоBuilding a Product Card Component with Typescript and Next.jsDIALOGUEApp Creation & Basic Layout - AssessmentЗадание
03Database, Prisma & Product Display13 материалов

Database, Prisma & Product Display

Section IntroВидеоPostgreSQL & Prisma SetupВидеоPrisma Models & MigrationsВидеоSeed Sample DataВидеоLoad Products From DatabaseВидеоZod Validation & Type InferenceВидеоServerless Environment ConfigВидеоProduct Details PageВидеоProduct Images ComponentВидеоInitial DeploymentВидеоA Note on ES Lint ErrorsВидеоDeploying a TypeScript Project with Prisma and VercelDIALOGUEDatabase, Prisma & Product Display - AssessmentЗадание
04Authentication With Next Auth17 материалов

Authentication With Next Auth

Section IntroВидеоPrisma User-Related ModelsВидеоSeed User DataВидеоNext Auth SetupВидеоNext Auth Catch All API RouteВидеоSign In & Sign Out Server ActionsВидеоAuth Layout & Sign In PageВидеоCredentials Sign In FormВидеоHook Up Sign In FormВидеоCallback URL RedirectВидеоUser Button & Sign OutВидеоSign Up Zod Schema & ActionВидеоSign Up Page & FormВидеоSign Up Error HandlingВидеоCustomize Token With JWT CallbackВидеоUnderstanding Authentication in Next.js with NextAuth.jsDIALOGUEAuthentication With Next Auth - AssessmentЗадание
05Add To Cart15 материалов

Add To Cart

Section IntroВидеоCart Zod Schema & Prisma ModelВидеоAdd To Cart ComponentВидеоSession Cart IDВидеоGet Item For CartВидеоPrice Calc For CartВидеоHandle Quantity & Multiple ProductsВидеоRemove Cart ActionВидеоDynamic Cart ButtonВидеоSmooth UI With useTransitionВидеоConclusion to the Course 'Introduction to Next.js Ecommerce - Setting Up the Basics'ЧтениеBuilding Interactive Cart FunctionalityDIALOGUEAdd To Cart - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание