0% found this document useful (0 votes)
8 views14 pages

Class 15

Scrutiny

Uploaded by

Mohsin Account
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
8 views14 pages

Class 15

Scrutiny

Uploaded by

Mohsin Account
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 14

Class 15

React hook form


https://www.youtube.com/playlist?list=PLplW4d4HPsEJvoHiI76nNR4fkoROKlher

Authentication JWT token


https://www.youtube.com/playlist?list=PLplW4d4HPsEKPA928LxN6jDif
QSu5ksXm

Middleware
https://youtu.be/p09iLCKruaI

Kinde auth
https://www.youtube.com/playlist?list=PLplW4d4HPsELiXAetnTuqMZfmd49eSZke

Server action
https://youtu.be/P7ll9A7ABPI

Assignment ecommerce web application:


https://www.youtube.com/playlist?list=PLplW4d4HPsEIdiGWCSzUuvFv-fHhcvv49
--------------------------------------------------------------------------------------------------------
Class 14
React hook form
https://www.youtube.com/playlist?list=PLplW4d4HPsEJvoHiI76nNR4fkoROKlher
Authentication JWT token
https://www.youtube.com/playlist?list=PLplW4d4HPsEKPA928LxN6jDif
QSu5ksXm

Middleware
https://youtu.be/p09iLCKruaI

Kinde auth
https://www.youtube.com/playlist?list=PLplW4d4HPsELiXAetnTuqMZfmd49eSZke

Server action
https://youtu.be/P7ll9A7ABPI

Assignment ecommerce web application:


https://www.youtube.com/playlist?list=PLplW4d4HPsEIdiGWCSzUuvFv-fHhcvv49
------------------------------------------------------------------------------------------------

Class 13

PostgreSQL Database
https://www.youtube.com/playlist?list=PLplW4d4HPsELqCliPJ-0rWOlEtecESMfA

Assignment ecommerce web application:


https://www.youtube.com/playlist?list=PLplW4d4HPsEIdiGWCSzUuvFv-fHhcvv49
------------------------------------------------------------------------------------------------
Class 12

Api routes
https://youtu.be/XHpHL9-93cg

CURD operation with api


https://youtu.be/7X4NxS9RAq4

Api dynamic route


https://youtu.be/Eck4MdKbHRw

Assignment ecommerce web application:


https://www.youtube.com/playlist?list=PLplW4d4HPsEIdiGWCSzUuvFv-fHhcvv49
------------------------------------------------------------------------------------------------

Class 11

Sanity CMS
https://www.youtube.com/playlist?list=PLplW4d4HPsEINGvaTH66Knqb
GC2e2cpcc

Server side static and dynamic rendering


https://youtu.be/idpv-QKLXi0
Incremental static regeneration (ISR)
https://youtu.be/JFYF-61wyMM

Environment variable .env


https://youtu.be/YXOPHdcXz6s

For self-learning:
Generate static params
https://youtu.be/2svgA1O4fO0

GROQ query
https://www.youtube.com/playlist?list=PLplW4d4HPsELXeZG251C8tAY-
RMAIwQ4H

GROQ cheat sheet


https://www.sanity.io/docs/query-cheat-sheet

Assignment ecommerce web application:


https://www.youtube.com/playlist?list=PLplW4d4HPsEIdiGWCSzUuvFv-fHhcvv49

Assignment picture gallery:


https://www.youtube.com/playlist?list=PLplW4d4HPsEJC7XVLYgbKL4iZFyRN1rBk
------------------------------------------------------------------------------------------------

Class 10

API integration
https://youtu.be/p1LWPkovTKc
Simple Books API Link: https://github.com/vdespa/introduction-to-
postman-course/blob/main/simple-books-api.md

Sanity CMS
https://www.youtube.com/playlist?list=PLplW4d4HPsEINGvaTH66Knqb
GC2e2cpcc

GROQ query
https://www.youtube.com/playlist?list=PLplW4d4HPsELXeZG251C8tAY-
RMAIwQ4H

GROQ cheat sheet


https://www.sanity.io/docs/query-cheat-sheet

Assignment figma to nextjs:


https://youtu.be/WR39F_Pi9sk
Figma Project Link:
https://www.figma.com/design/4rWP2iWijt9Unky39tzLyD/My-First-
Website?node-id=0-1&t=5ohw3sQnJ24ZyxcU-1
Assignment picture gallery:
https://www.youtube.com/playlist?list=PLplW4d4HPsEJC7XVLYgbKL4iZFyRN1rBk
------------------------------------------------------------------------------------------------
Class 09

Shadcn ui Basic components


Theme
https://youtu.be/Iyc3KlkNyvY
Acordion
https://youtu.be/FkL3r7beJZ0
Alert Dialog
https://youtu.be/Qs4RBiRI5cQ
Card
https://youtu.be/b_U7jR9DLpo
Calendar
https://youtu.be/s1hGK0sInGE
Combo box
https://youtu.be/j7hKzRGPbUg
Sheet
https://youtu.be/U5azz_ASbPU

Command
https://youtu.be/UN3CWZpKh2c
Table
https://youtu.be/shEQHZagXCQ
API Next JS
https://youtu.be/EasPZMSw4eM
Simple Books API Link: https://github.com/vdespa/introduction-to-
postman-course/blob/main/simple-books-api.md

API integration
https://youtu.be/p1LWPkovTKc
Simple Books API Link: https://github.com/vdespa/introduction-to-
postman-course/blob/main/simple-books-api.md

Assignment figma to nextjs:


https://youtu.be/WR39F_Pi9sk
Figma Project Link:
https://www.figma.com/design/4rWP2iWijt9Unky39tzLyD/My-First-
Website?node-id=0-1&t=5ohw3sQnJ24ZyxcU-1

Assignment picture gallery:


https://www.youtube.com/playlist?list=PLplW4d4HPsEJC7XVLYgbKL4iZFyRN1rBk

------------------------------------------------------------------------------------------------

Class 08
Tailwindcss Grid
https://youtu.be/c1DV-17bxXE

Shadcn ui Installation
https://youtu.be/yhFtLLMGcb8

Shadcn ui Basic components


Theme
https://youtu.be/Iyc3KlkNyvY
Acordion
https://youtu.be/FkL3r7beJZ0
Alert Dialog
https://youtu.be/Qs4RBiRI5cQ
Card
https://youtu.be/b_U7jR9DLpo
Calendar
https://youtu.be/s1hGK0sInGE
Combo box
https://youtu.be/j7hKzRGPbUg
Sheet
https://youtu.be/U5azz_ASbPU

Command
https://youtu.be/UN3CWZpKh2c
Table
https://youtu.be/shEQHZagXCQ

Assignment figma to nextjs:


https://youtu.be/WR39F_Pi9sk
Figma Project Link:
https://www.figma.com/design/4rWP2iWijt9Unky39tzLyD/My-First-
Website?node-id=0-1&t=5ohw3sQnJ24ZyxcU-1

Assignment todo application:


https://youtu.be/053kfsm9CdE

Assignment portfolio:
https://youtu.be/lO45gSEiiR4

------------------------------------------------------------------------------------------------
Class 07
Tailwindcss intro
https://youtu.be/sloSuxq1R1U

Tailwindcss font styles


https://youtu.be/LiZpfZ7xR1w

Tailwindcss web layout


https://youtu.be/10nRthUo4Rg

Change fonts in your next.js 15


https://youtu.be/du02iDYdBL0

Assignment portfolio:
https://youtu.be/lO45gSEiiR4

Assignment facebook login page:


https://youtu.be/XrES0mj_07w?si=4gCnB2YhwQCDbEed

Assignment todo application:


https://youtu.be/053kfsm9CdE

------------------------------------------------------------------------------------------------------

Class 06
Route group
https://youtu.be/9bGhSvPNnNI

Not found page


https://youtu.be/s6U0RTV3M68
useState hook
https://youtu.be/z9446b-vcEY

useEffect Hook
https://youtu.be/VkVNBeCtr4U

-------------------------------------------------------------------------------------------------------------

Class 05
Static and dynamic page rendering
https://youtu.be/0Y1NjN1yKPo

Loading and error handling


https://youtu.be/b-8uJNMs8ls

Image component
https://youtu.be/PVExyjK_cPQ?si=DsXxrC2XN2MS7Ixg

Data fetching and integrate data from API (Application Programming Interface)
https://youtu.be/TrCihEdfHsg

Fake api
https://fakerapi.it/api/v1/persons?_locale=en_US&_quantity=1
-------------------------------------------------------------------------------------------------------------

Class 04
Dynamic route
https://youtu.be/MGzQlaDDlKI

Map array method


https://youtu.be/q1-X5pw2jHI

Async await
https://youtu.be/-pGFx6XbOfU

-------------------------------------------------------------------------------------------------------------

Class 03
Route / Nested route
https://youtu.be/5BlmK5Lk9dM

Navigation
https://youtu.be/mUtBDnvI9IQ

Layout
https://youtu.be/nm982nWLBKY

Dynamic route
https://youtu.be/MGzQlaDDlKI
-------------------------------------------------------------------------------------------------------------

Class 02
What are next.js components
https://youtu.be/cRfz28fvQqE

Confusion about component


https://youtu.be/RUGg3zVrsic

Props
https://youtu.be/yQPmLFOrvPI

Route
https://youtu.be/5BlmK5Lk9dM
-------------------------------------------------------------------------------------------------------------

Class 01
Next.js introduction
https://youtu.be/bhPJzIQhUWA

Next.js installation and structure


https://youtu.be/EKAYseRp9tI

Initial errors
https://youtu.be/fNdJgPmXYeQ
-------------------------------------------------------------------------------------------------------------
Note: Before attend the class kindly review these topics of typescript.
Ternary operator in typescript
https://youtu.be/upVEeWNn19U

Short circuiting
https://youtu.be/zK9QNsk1CCw

Html and css tutorial hindi / urdu:


https://www.youtube.com/playlist?list=PLplW4d4HPsEItLjEZhuygcB0i-owwft1Q

You might also like