Mastering Nextjs + Interview Questions + ECommerce Project

Mastering Nextjs + Interview Questions + E-Commerce Project
Published 10/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 4.69 GB | Duration: 8h 28m

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

What you'll learn

Learn the fundamentals of NextJS

Learn the latest App Router

Detailed explanation of Pages Router to know the legacy approach or refactor the code.

Database handling with SQLite

CRUD operations with better-sqlite3 & Prisma ORM

API creation and data handling

Password hashing with bcryptjs

Implementing authentication with JOSE and JWT

Shopping Cart Implementation

Payment gateway implementation with Stripe

Component based architecture practices

Data validation and UI/UX implementation

E-commerce application

Interview Questions and preparation guide

Requirements

jаvascript and ReactJS basics will be a great help

Time, attention and dedication to learn & practice.

Description

Key concepts covered:NextJS FundamentalsServer Side RenderingTailwindCSSApp RouterPages RouterRouting in NextJSOptimized Image LoadingAdvanced CachingSQLitebetter-sqlite3 ORMPrisma ORMREST APIsCRUD with SQLiteCookiesJWTBcryptJSE-commerce ProjectImplementing Middleware in ProjectShopping Cart ImplementationStripe Payment GatewayIndustry Standard Coding PracticesDeployment with CICDInterview Questions & more.NextJS is becoming one of the most favorite framework among developers these days. And Why not!. Even the official ReactJS site encourages developers to use NextJS as it has the base of old school React practices and performance of the new generation. This course is specially crafted for developers who want to switch to NextJs with ease. It covers all the aspects of fundamentals, interview questions and a very practical E-commerce project which covers all the phases right from UI designs to successful deployment along with the implementation of CICD.In addition you will learnServer-side rendering for improved SEO and performanceStatic site generation for lightning-fast load timesAutomatic code splitting for optimized performanceImage optimization for faster page loadsRouting, data fetching, and state managementBest practices for building scalable Next.js applicationsEnroll today and take a definitive step towards shaping a successful career in the world of modern server-side web development.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 NEXT JS in spite of ReactJS

Lecture 3 RQ - NEXT JS in spite of ReactJS

Lecture 4 Creating First Project

Lecture 5 Project Structure

Lecture 6 Pages Router Vs App Router

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

Section 2: NextJS Basics with App Router

Lecture 8 Defining Routes

Lecture 9 Nested Routes

Lecture 10 Linking Pages with

Lecture 11 Understanding Global Layout

Lecture 12 Creating Global Header Component

Lecture 13 The Import Alias

Lecture 14 Configuring favicon using Image Files

Lecture 15 Configuring favicon using Code

Lecture 16 Component Basics

Lecture 17 Component - Auto Optimization Feature

Lecture 18 Styling - Global CSS and CSS Modules

Lecture 19 React Server Component Vs Client Component

Lecture 20 Error Page

Lecture 21 Not Found Page

Lecture 22 Dynamic Routes and Route Params

Lecture 23 Making API calls in NextJS

Lecture 24 Asynchronous Server Components

Lecture 25 Implementing Loading Component

Section 3: SQLite Basics

Lecture 26 Introduction to SQLite

Lecture 27 Data Types in SQLite

Lecture 28 Creating SQLite Database

Section 4: Next with SQLite

Lecture 29 Introduction

Lecture 30 Setting up Database with better-sqlite3

Lecture 31 Table Creation and Adding Data

Lecture 32 Rendering Data in Next App

Lecture 33 Configuring Dynamic Routes for Products

Lecture 34 Refactoring the Code Structure

Lecture 35 Manually Configuring Tailwind CSS

Lecture 36 Creating Add Product Interface

Lecture 37 Handling Form Submission with Server Action

Lecture 38 Executing Query & Redirecting with redirect()

Lecture 39 Creating Products Grid Interface

Lecture 40 Implementing Delete Product Feature

Lecture 41 Implementing Edit Functionality

Section 5: Caching in NextJS

Lecture 42 Understanding Caching in Next

Lecture 43 Unexpected Behaviour in Project Build

Lecture 44 Static to Dynamic - Cache Control

Lecture 45 Time Based Cache Control

Lecture 46 Path Based Revalidation

Lecture 47 Revalidating with revalidateTag()

Section 6: Pages Router

Lecture 48 Introduction to Pages Router

Lecture 49 Routing With Pages Router

Lecture 50 Extracting the Slug from Dynamic Path

Lecture 51 Catch-All Segments in Pages Router

Lecture 52 Adding Global Interface

Lecture 53 Linking and Navigation

Section 7: Prisma with SQLite

Lecture 54 Introduction to Prisma

Lecture 55 Setting Up Prisma

Lecture 56 Creating Prisma Client

Lecture 57 Inserting Data Using create()

Lecture 58 Inserting Data Using createMany()

Lecture 59 All Possibilities of Record Deletion - delete() & deleteMany()

Lecture 60 Fetching Data with Prisma

Lecture 61 Updating Records with Prisma

Lecture 62 The upsert() Method

Section 8: MyStore - Admin Section

Lecture 63 Introduction

Lecture 64 Project Creation

Lecture 65 Creating Sidebar Component

Lecture 66 Working on Sidebar

Lecture 67 Styling the Sidebar

Lecture 68 Adding Icons to the Sidebar

Lecture 69 Creating 'Users' Page

Lecture 70 Creating 'Add Users' Form

Lecture 71 Implementing Component Based Architecture

Lecture 72 Creating Button & Input Components

Lecture 73 Refactoring Code Structure

Lecture 74 Database Creation

Lecture 75 Adding Users with Server Action

Lecture 76 Implementing Hashing

Lecture 77 Validating User Creation

Lecture 78 Rendering Users in the Table

Lecture 79 Creating Edit User Page

Lecture 80 Dynamic Default Values for Edit

Lecture 81 Updating User Data

Lecture 82 Deleting User

Lecture 83 Creating Delete Confirmation Popup

Lecture 84 Enabling Confirmation Popup

Lecture 85 Deleting User by confirmation popup

Lecture 86 Creating Product Type Page

Lecture 87 Creating Add Product Type Page

Lecture 88 Adding Product Types and Products models into the schema

Lecture 89 Adding Product Type using server action

Lecture 90 Rendering Product Types into the Table

Lecture 91 Creating Edit Product Type Page

Lecture 92 Dynamic Default values for Product Type

Lecture 93 Updating Product Type with server action

Lecture 94 Deleting Product Type with server action

Lecture 95 Creating Products Page

Lecture 96 Creating Products interface for listing

Lecture 97 Creating Add Product Page

Lecture 98 Completing Add Products Form

Lecture 99 Creating Switch Component

Lecture 100 Creating File Input Component

Lecture 101 Rendering Dynamic Product Types Data in Add Product Page

Lecture 102 Creating Server Action for Adding Products

Lecture 103 Implementing Image storage functionality

Lecture 104 Completing Add Product Functionality

Lecture 105 Rendering Dynamic Data in Products table

Lecture 106 Creating Edit Product Page

Lecture 107 Dynamic Default values for Product

Lecture 108 Render Default values in Switch and File Input

Lecture 109 Updating Product with server action

Lecture 110 Deleting Product with server action

Section 9: Mystore - Client Section

Lecture 111 Initiating Client Section

Lecture 112 Creating Header Component

Lecture 113 Implementing Search bar

Lecture 114 Joining Tailwind Classes with Ideal Approach

Lecture 115 RQ-Joining Tailwind Classes with Ideal Approach

Lecture 116 Adding Profile Dropdown

Lecture 117 Close Profile Dropdown menu on outside click

Lecture 118 RQ-Close Profile Dropdown menu on outside click

Lecture 119 Creating Input component

Lecture 120 Creating Home Page

Lecture 121 Creating Filters Section

Lecture 122 Creating Custom Accordion Component

Lecture 123 RQ-Creating Custom Accordion Component

Lecture 124 Completing Custom Accordion Component

Lecture 125 Continue on Filter Section

Lecture 126 Creating Price Range Slider Component

Lecture 127 Creating Product Card Component

Lecture 128 Completing Product Card Component

Lecture 129 Creating Button component

Lecture 130 API Creation for Product listing

Lecture 131 Dynamic Product Rendering using Server Action

Lecture 132 API Creation For Fetching Product Types

Lecture 133 Dynamic Product Type Rendering using API

Lecture 134 Set Filter values into the search params

Lecture 135 Modifying Products API to Apply Filters

Lecture 136 Filter Functionality on client side

Lecture 137 Search Filter Functionality

Lecture 138 Creating Product Page

Lecture 139 Completing Product Page

Lecture 140 API Creation For Fetching a Product by its ID

Lecture 141 Dynamic Product Details Rendering using API

Lecture 142 Rendering Products based on status

Lecture 143 Creating Cart Page

Aspirants who want to master NextJS,Junior & mid-level developers who want to enhance their skills to the max!,Expert developers who want to upgrade their existing development skills with the latest features.