Mastering NextJS + Interview Questions + E-commerce Project

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

NextJS 14, Pages + App Router, Prisma, SQLite, JWT, JOSE, BcryptJS, Adv. Caching, TailwindCSS, Stripe Payment gateway

1 - Introduction

1 -Introduction

2 -NEXT JS in spite of ReactJS

3 -RQ - NEXT JS in spite of ReactJS

4 -Creating First Project

5 -Project Structure

6 -Pages Router Vs App Router

7 -ReactJS (Client side) Vs NextJS (Server side)

2 - NextJS Basics with App Router

1 -Defining Routes

1 -nextjs-2.zip

2 -Nested Routes

2 -nextjs-2.zip

3 -Linking Pages with Link

3 -nextjs-2.zip

4 -Understanding Global Layout

4 -nextjs-2.zip

5 -Creating Global Header Component

5 -nextjs-2.zip

6 -The Import Alias

7 -Configuring favicon using Image Files

8 -Configuring favicon using Code

8 -nextjs-2.zip

9 -Image Component Basics

9 -nextjs-2.zip

10 -Image Component - Auto Optimization Feature

11 -Styling - Global CSS and CSS Modules

11 -nextjs-2.zip

12 -React Server Component Vs Client Component

12 -nextjs-2.zip

13 -Error Page

13 -nextjs-2.zip

14 -Not Found Page

14 -nextjs-2.zip

15 -Dynamic Routes and Route Params

15 -nextjs-2.zip

16 -Making API calls in NextJS

16 -nextjs-2.zip

17 -Asynchronous Server Components

17 -nextjs-2.zip

18 -Implementing Loading Component

18 -nextjs-2.zip

3 - SQLite Basics

1 -Introduction to SQLite

2 -Data Types in SQLite

3 -Creating SQLite Database

4 - Next with SQLite

1 -Introduction

2 -Setting up Database with better-sqlite3

3 -Table Creation and Adding Data

3 -nextjs-4.zip

4 -Rendering Data in Next App

4 -nextjs-4.zip

5 -Configuring Dynamic Routes for Products

5 -nextjs-4.zip

6 -Refactoring the Code Structure

6 -nextjs-4.zip

7 -Manually Configuring Tailwind CSS

7 -nextjs-4.zip

8 -Creating Add Product Interface

8 -nextjs-4.zip

9 -Handling Form Submission with Server Action

10 -Executing Query & Redirecting with redirect()

10 -nextjs-4.zip

11 -Creating Products Grid Interface

11 -nextjs-4.zip

12 -Implementing Delete Product Feature

12 -nextjs-4.zip

13 -Implementing Edit Functionality

13 -nextjs-4.zip

5 - Caching in NextJS

1 -Understanding Caching in Next

2 -Unexpected Behaviour in Project Build

3 -Static to Dynamic - Cache Control

4 -Time Based Cache Control

5 -Path Based Revalidation

6 -Revalidating with revalidateTag()

6 - Pages Router

1 -Introduction to Pages Router

1 -nextjs-6.zip

2 -Routing With Pages Router

2 -nextjs-6.zip

3 -Extracting the Slug from Dynamic Path

3 -nextjs-6.zip

4 -Catch-All Segments in Pages Router

4 -nextjs-6.zip

5 -Adding Global Interface

5 -nextjs-6.zip

6 -Linking and Navigation

6 -nextjs-6.zip

7 - Prisma with SQLite

1 -Introduction to Prisma

1 -nextjs-7.zip

2 -Setting Up Prisma

2 -nextjs-7.zip

3 -Creating Prisma Client

3 -nextjs-7.zip

4 -Inserting Data Using create()

4 -nextjs-7.zip

5 -Inserting Data Using createMany()

5 -nextjs-7.zip

6 -All Possibilities of Record Deletion - delete() & deleteMany()

6 -nextjs-7.zip

7 -Fetching Data with Prisma

7 -nextjs-7.zip

8 -Updating Records with Prisma

8 -nextjs-7.zip

9 -The upsert() Method

9 -nextjs-7.zip

8 - MyStore - Admin Section

1 -Introduction

2 -Project Creation

3 -Creating Sidebar Component

4 -Working on Sidebar

5 -Styling the Sidebar

5 -nextjs-9.zip

6 -Adding Icons to the Sidebar

6 -nextjs-9.zip

7 -Creating Users Page

8 -Creating Add Users Form

8 -nextjs-9.zip

9 -Implementing Component Based Architecture

9 -nextjs-9.zip

10 -Creating Button & Input Components

10 -nextjs-9.zip

11 -Refactoring Code Structure

11 -nextjs-9.zip

12 -Database Creation

12 -nextjs-9.zip

13 -Adding Users with Server Action

13 -nextjs-9.zip

14 -Implementing Hashing

14 -nextjs-9.zip

15 -Validating User Creation

15 -nextjs-9.zip

16 -Rendering Users in the Table

16 -nextjs-9.zip

17 -Creating Edit User Page

17 -nextjs-9.zip

18 -Dynamic Default Values for Edit

18 -nextjs-9.zip

19 -Updating User Data

19 -nextjs-9.zip

20 -Deleting User

20 -nextjs-9.zip

21 -Creating Delete Confirmation Popup

21 -nextjs-9.zip

22 -Enabling Confirmation Popup

22 -nextjs-9.zip

23 -Deleting User by confirmation popup

23 -nextjs-9.zip

24 -Creating Product Type Page

25 -Creating Add Product Type Page

25 -nextjs-9.zip

26 -Adding Product Types and Products models into the schema

26 -nextjs-9.zip

27 -Adding Product Type using server action

28 -Rendering Product Types into the Table

28 -nextjs-9.zip

29 -Creating Edit Product Type Page

29 -nextjs-9.zip

30 -Dynamic Default values for Product Type

31 -Updating Product Type with server action

31 -nextjs-9.zip

32 -Deleting Product Type with server action

32 -nextjs-9.zip

33 -Creating Products Page

33 -nextjs-9.zip

34 -Creating Products interface for listing

34 -nextjs-9.zip

35 -Creating Add Product Page

35 -nextjs-9.zip

36 -Completing Add Products Form

36 -nextjs-9.zip

37 -Creating Switch Component

37 -nextjs-9.zip

38 -Creating File Input Component

38 -nextjs-9.zip

39 -Rendering Dynamic Product Types Data in Add Product Page

40 -Creating Server Action for Adding Products

40 -nextjs-9.zip

41 -Implementing Image storage functionality

41 -nextjs-9.zip

42 -Completing Add Product Functionality

42 -nextjs-9.zip

43 -Rendering Dynamic Data in Products table

43 -nextjs-9.zip

44 -Creating Edit Product Page

44 -nextjs-9.zip

45 -Dynamic Default values for Product

45 -nextjs-9.zip

46 -Render Default values in Switch and File Input

46 -nextjs-9.zip

47 -Updating Product with server action

47 -nextjs-9.zip

48 -Deleting Product with server action

48 -nextjs-9.zip

9 - Mystore - Client Section

1 -Initiating Client Section

1 -nextjs-10.zip

2 -Creating Header Component

2 -nextjs-10.zip

3 -Implementing Search bar

3 -nextjs-10.zip

4 -Joining Tailwind Classes with Ideal Approach

5 -RQ-Joining Tailwind Classes with Ideal Approach

6 -Adding Profile Dropdown

6 -nextjs-10.zip

7 -Close Profile Dropdown menu on outside click

7 -nextjs-10.zip

8 -RQ-Close Profile Dropdown menu on outside click

9 -Creating Input component

9 -nextjs-10.zip

10 -Creating Home Page

10 -nextjs-10.zip

11 -Creating Filters Section

11 -nextjs-10.zip

12 -Creating Custom Accordion Component

12 -nextjs-10.zip

13 -RQ-Creating Custom Accordion Component

14 -Completing Custom Accordion Component

14 -nextjs-10.zip

15 -Continue on Filter Section

16 -Creating Price Range Slider Component

16 -nextjs-10.zip

17 -Creating Product Card Component

17 -nextjs-10.zip

18 -Completing Product Card Component

18 -nextjs-10.zip

19 -Creating Button component

19 -nextjs-10.zip

20 -API Creation for Product listing

20 -nextjs-10.zip

21 -Dynamic Product Rendering using Server Action

21 -nextjs-10.zip

22 -API Creation For Fetching Product Types

22 -nextjs-10.zip

23 -Dynamic Product Type Rendering using API

23 -nextjs-10.zip

24 -Set Filter values into the search params

24 -nextjs-10.zip

25 -Modifying Products API to Apply Filters

25 -nextjs-10.zip

26 -Filter Functionality on client side

26 -nextjs-10.zip

27 -Search Filter Functionality

27 -nextjs-10.zip

28 -Creating Product Page

28 -nextjs-10.zip

29 -Completing Product Page

29 -nextjs-10.zip

30 -nextjs-10.zip

31 -Dynamic Product Details Rendering using API

32 -Rendering Products based on status

32 -nextjs-10.zip

33 -Creating Cart Page

139,000 تومان

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

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy