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

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

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

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Mastering NextJS – Interview Prep & E-commerce Project · LearnSpace
Назад в каталог
courseraПрограммирование

Mastering NextJS – Interview Prep & E-commerce Project

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

О курсе

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. In this course, you'll dive into mastering NextJS while preparing for interviews and building a full-fledged e-commerce application. You'll start by learning the fundamentals of NextJS and how it contrasts with ReactJS, covering topics like project setup, project structure, and routing techniques. As you progress, you'll explore advanced concepts such as working with SQLite, implementing dynamic routing, and handling complex states and user authentication. The course is hands-on, with real-world applications and interview prep embedded in each section. The course is ideal for developers looking to enhance their skills and become proficient in building scalable web applications. If you're ready to take your career to the next level, this course offers both foundational knowledge and practical experience. By the end of the course, you'll have not only a deep understanding of NextJS but also a completed e-commerce project to showcase. You’ll be well-prepared for NextJS-related interviews, with answers to common questions covered throughout the course. This course is designed to help you build a strong NextJS foundation while giving you the tools to tackle real-world development challenges.

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

Database DevelopmentApplication DeploymentCI/CDDatabase ManagementApplication DevelopmentServer SideDatabasesAuthenticationsInteractive Data VisualizationSQLFrontend PerformanceWeb ApplicationsContinuous DeploymentApplication FrameworksCloud DeploymentFull-Stack Web DevelopmentJavaScript FrameworksReact.jsPerformance Tuning

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

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

01Introduction11 материалов

Introduction

IntroductionВидеоFull Course ResourcesЧтениеNEXT JS in spite of ReactJSВидеоRQ - NEXT JS in spite of ReactJSВидео

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

Packt - Course Instructors

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

Mastering NextJS – Interview Prep & E-commerce Project
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 20.9 ч

13 модулей

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

Часть программы вашего университета
Creating First ProjectВидео
RQ - Creating First ProjectВидео
Project StructureВидео
RQ - Project StructureВидео
Pages Router Vs App RouterВидео
RQ - Pages Router Vs App RouterВидео
ReactJS (Client side) Vs NextJS (Server side)Видео
02NextJS Basics with App Router24 материалов

NextJS Basics with App Router

Defining RoutesВидеоNested RoutesВидеоLinking Pages withВидеоUnderstanding Global LayoutВидеоCreating Global Header ComponentВидеоThe Import AliasВидеоConfiguring favicon using Image FilesВидеоConfiguring favicon using CodeВидеоComponent BasicsВидеоComponent - Auto Optimization FeatureВидеоRQ - Component - Auto Optimization FeatureВидеоStyling - Global CSS and CSS ModulesВидеоRQ - Styling - Global CSS and CSS ModulesВидеоReact Server Component Vs Client ComponentВидеоRQ - React Server Component Vs Client ComponentВидеоError PageВидеоNot Found PageВидеоDynamic Routes and Route ParamsВидеоMaking API calls in NextJSВидеоAsynchronous Server ComponentsВидеоRQ - Asynchronous Server ComponentsВидеоImplementing Loading ComponentВидеоUnderstanding Next.js Routing and Data FetchingDIALOGUENextJS Basics with App Router - AssessmentЗадание
03SQLite Basics5 материалов

SQLite Basics

Introduction to SQLiteВидеоData Types in SQLiteВидеоCreating SQLite DatabaseВидеоUnderstanding SQLite Data Types and Basic SQL CommandsDIALOGUESQLite Basics - AssessmentЗадание
04NextJS with SQLite16 материалов

NextJS with SQLite

IntroductionВидеоSetting up Database with better-sqlite3ВидеоTable Creation and Adding DataВидеоRendering Data in Next AppВидеоConfiguring Dynamic Routes for ProductsВидеоRefactoring the Code StructureВидеоManually Configuring Tailwind CSSВидеоCreating Add Product InterfaceВидеоHandling Form Submission with Server ActionВидеоExecuting Query & Redirecting with redirect()ВидеоCreating Products Grid InterfaceВидеоRQ - Creating Products Grid InterfaceВидеоImplementing Delete Product FeatureВидеоImplementing Edit FunctionalityВидеоHandling CRUD operations in Next.js with Site DatabaseDIALOGUENextJS with SQLite - AssessmentЗадание
05Caching in NextJS14 материалов

Caching in NextJS

Understanding Caching in NextJSВидеоRQ - Understanding Caching in NextJSВидеоUnexpected Behaviour in Project BuildВидеоRQ - Unexpected Behaviour in Project BuildВидеоStatic to Dynamic - Cache ControlВидеоRQ - Static to Dynamic - Cache ControlВидеоTime-Based Cache ControlВидеоRQ - Time-Based Cache ControlВидеоPath-Based RevalidationВидеоRQ - Path-Based RevalidationВидеоRevalidating with revalidateTag()ВидеоRQ - Revalidating with revalidateTag()ВидеоUnderstanding Caching in Next.jsDIALOGUECaching in NextJS - AssessmentЗадание
06Pages Router10 материалов

Pages Router

Introduction to Pages RouterВидеоRQ - Introduction to Pages RouterВидеоRouting With Pages RouterВидеоExtracting the Slug from Dynamic PathВидеоCatch-All Segments in Pages RouterВидеоRQ - Catch-All Segments in Pages RouterВидеоAdding Global InterfaceВидеоLinking and NavigationВидеоUnderstanding Next.js Routing: Pages vs App RouterDIALOGUEPages Router - AssessmentЗадание
07Prisma with SQLite12 материалов

Prisma with SQLite

Introduction to PrismaВидеоRQ - Introduction to PrismaВидеоSetting Up PrismaВидеоCreating Prisma ClientВидеоInserting Data Using create()ВидеоInserting Data Using createMany()ВидеоAll Possibilities of Record Deletion - delete() & deleteMany()ВидеоFetching Data with PrismaВидеоUpdating Records with PrismaВидеоThe upsert() MethodВидеоManaging Data with Prisma ORM in Next.jsDIALOGUEPrisma with SQLite - AssessmentЗадание
08MyStore - Admin Section55 материалов

MyStore - Admin Section

IntroductionВидеоProject CreationВидеоCreating Sidebar ComponentВидеоWorking on SidebarВидеоCombining Utility Classes with @applyВидеоRQ - @layer & @apply - Combining Utility ClassesВидеоStyling the SidebarВидеоAdding Icons to the SidebarВидеоCreating 'Users' PageВидеоCreating 'Add Users' FormВидеоImplementing Component-Based ArchitectureВидеоCreating Button & Input ComponentsВидеоRefactoring Code StructureВидеоDatabase CreationВидеоAdding Users with Server ActionВидеоImplementing HashingВидеоRQ - Implementing HashingВидеоValidating User CreationВидеоRendering Users in the TableВидеоCreating Edit User PageВидеоDynamic Default Values for EditВидеоUpdating User DataВидеоDeleting UserВидеоCreating Delete Confirmation PopupВидеоEnabling Confirmation PopupВидеоDeleting User by Confirmation PopupВидеоCreating Product Type PageВидеоCreating Add Product Type PageВидеоAdding Product Types and Products Models into the SchemaВидеоRQ - Adding Models in the Schema - Product Type & ProductВидеоAdding Product Type using Server ActionВидеоRendering Product Types into the TableВидеоCreating Edit Product Type PageВидеоDynamic Default Values for Product TypeВидеоUpdating Product Type with Server ActionВидеоDeleting Product Type with Server ActionВидеоCreating Products PageВидеоCreating Products Interface for ListingВидеоCreating Add Product PageВидеоCompleting Add Products FormВидеоCreating Switch ComponentВидеоCreating File Input ComponentВидеоRendering Dynamic Product Types Data in Add Product PageВидеоCreating Server Action for Adding ProductsВидеоImplementing Image Storage FunctionalityВидеоCompleting Add Product FunctionalityВидеоRendering Dynamic Data in Products TableВидеоCreating Edit Product PageВидеоDynamic Default Values for ProductВидеоRender Default Values in Switch and File InputВидеоUpdating Product with Server ActionВидеоRQ - Updating Product with Server ActionВидеоDeleting Product with Server ActionВидеоCreating and Managing Users in a Next.js Admin PanelDIALOGUEMyStore - Admin Section - AssessmentЗадание
09MyStore - Client Section44 материалов

MyStore - Client Section

Initiating Client SectionВидеоCreating Header ComponentВидеоImplementing Search BarВидеоJoining Tailwind Classes with Ideal ApproachВидеоRQ - Joining Tailwind Classes with Ideal ApproachВидеоAdding Profile DropdownВидеоuseRef() HookВидеоClose Profile Dropdown Menu on Outside ClickВидеоRQ - Close Profile Dropdown Menu on Outside ClickВидеоCreating Input ComponentВидеоCreating Home PageВидеоCreating Filters SectionВидеоCreating Custom Accordion ComponentВидеоRQ - Creating Custom Accordion ComponentВидеоCompleting Custom Accordion ComponentВидеоContinue on Filter SectionВидеоCreating Price Range Slider ComponentВидеоCreating Product Card ComponentВидеоCompleting Product Card ComponentВидеоCreating Button ComponentВидеоAPI Creation for Product ListingВидеоDynamic Product Rendering using Server ActionВидеоAPI Creation for Fetching Product TypesВидеоDynamic Product Type Rendering using APIВидеоSet Filter Values into the Search ParamsВидеоModifying Products API to Apply FiltersВидеоFilter Functionality on Client SideВидеоSearch Filter FunctionalityВидеоCreating Product PageВидеоCompleting Product PageВидеоAPI Creation for Fetching a Product by its IDВидеоDynamic Product Details Rendering using APIВидеоRendering Products Based on StatusВидеоCreating Cart PageВидеоRendering Cart Item CardВидеоCompleting the Cart UIВидеоCreating Context for Handling ProductsВидеоRQ - Creating Context for Handling ProductsВидеоImplement Cart FunctionalitiesВидеоMaking Cart Page DynamicВидеоEnabling Quantity SelectionВидеоFinishing Dynamic Cart PageВидеоCreating a Profile Dropdown with Click Outside FunctionalityDIALOGUEMyStore - Client Section - AssessmentЗадание
10MyStore - Authentication24 материалов

MyStore - Authentication

Creating Login PageВидеоIntroduction of JOSE + JWTВидеоSetup Authentication Flow using JOSE + JWTВидеоCreate Server Action for LoginВидеоCookie-Based AuthenticationВидеоRQ - Cookie-Based AuthenticationВидеоHandling Private and Public Routes using MiddlewareВидеоFetching Authenticated User DataВидеоImplementing Logout with Server ActionВидеоAuthenticate All the Server Actions of Admin SectionВидеоCreating the Authentication Routes on the Client SectionВидеоCreating Interface for Authentication RoutesВидеоCreating Buyer Table in the DatabaseВидеоCreating Sign-Up APIВидеоTesting Sign-Up API using PostmanВидеоCreating Login APIВидеоTesting the Login API Using PostmanВидеоImplementing Sign-Up Functionality in the Client SectionВидеоImplementing Customer Login FunctionalityВидеоAPI to Fetch Unique Customer DataВидеоFetching Customer Data using API in the Client SectionВидеоLogout Functionality in the Client SectionВидеоImplementing User Authentication with JWT and CookiesDIALOGUEMyStore - Authentication - AssessmentЗадание
11MyStore - Payment Gateway & Sales14 материалов

MyStore - Payment Gateway & Sales

IntroductionВидеоRQ - IntroductionВидеоBasic Configurations of StripeВидеоRendering Stripe's Embedded Checkout FormВидеоCreating Checkout Session DynamicallyВидеоCreating Payment Status PageВидеоCreating Sales and Transaction Table in DatabaseВидеоAPI to Update Database after Successful CheckoutВидеоTesting the Checkout API using PostmanВидеоIntegrating Checkout API in the Client SectionВидеоCreating Buyer Master SectionВидеоFetching Buyers List using Server ActionВидеоImplementing Stripe Payment Gateway Checkout FlowDIALOGUEMyStore - Payment Gateway & Sales - AssessmentЗадание
12MyStore - Reports and Analysis (Charts)15 материалов

MyStore - Reports and Analysis (Charts)

IntroductionВидеоPreparing Customers and Buyers ReportВидеоRendering Customers & Buyers ReportВидеоPreparing Total Revenue ReportВидеоPreparing Recent Order ReportВидеоCreating Purchased Products ModalВидеоFetching Purchased Products in ModalВидеоRender Products in the Purchased Products TableВидеоImplementing Chart Using RechartsВидеоPreparing Sales Report Using ChartВидеоRendering Sales Chart with Dynamic ValuesВидеоPreparing Customers Report Using ChartВидеоCreating Chart Section ComponentВидеоCreating Dynamic Reports and Charts in DashboardDIALOGUEMyStore - Reports and Analysis (Charts) - AssessmentЗадание
13MyStore - Deployment13 материалов

MyStore - Deployment

IntroductionВидеоRQ - IntroductionВидеоIntroduction to CI/CDВидеоRQ - Introduction to CI/CDВидеоGitHub IntegrationВидеоRQ - GitHub IntegrationВидеоDatabase Migration from SQLite to MySQLВидеоLink the MySQL Database to Admin ApplicationВидеоDeploying Admin App on VercelВидеоDeploying Client App on VercelВидеоMyStore - Deployment - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание