By Deepak
GriffenDev
SSSC 2025
SSSC 2025
WEEK-6
Why Learn [Link]?
VAR: JAISE WOH DOST JO KAL HOSTEL MEIN THA, AAJ KAHAAN GAYA PATA NAHI
LET: CURRENT ROOMMATE — THODA FLEXIBLE
CONST: BEST FRIEND — HAR SEMESTER WAHI, KABHI CHANGE NAHI HOTA
REACT WITHOUT [Link] IS LIKE
INSTAGRAM WITHOUT FILTERS
STILL COOL, BUT NOT ‘FIRE’.
[Link] lets you focus on features,
not fixing
SEO or setting up servers at 2 AM.
Introduction to [Link]
[Link]: THE NETFLIX OF WEB DEV FRAMEWORKS
(BUT FOR DEVELOPERS)
[Link]: The Web Series You
Didn’t Know You Needed!
VAR: JAISE WOH DOST JO KAL HOSTEL MEIN THA, AAJ KAHAAN GAYA PATA NAHI
LET: CURRENT ROOMMATE — THODA FLEXIBLE
CONST: BEST FRIEND — HAR SEMESTER WAHI, KABHI CHANGE NAHI HOTA
IF REACT IS YOUR ACTOR, [Link] IS THE
DIRECTOR WITH A BUDGET, LIGHTING CREW,
AND… SERVER ACCESS.
Plot Twist: React gave us components, but forgot to send us a router, a server, or even a
proper SEO plan. [Link] enters like a well-dressed manager fixing everything.
“Chinta mat karo, SSR karwa denge!”
File-Based Routing – Like
Zomato Orders
VAR: JAISE WOH DOST JO KAL HOSTEL MEIN THA, AAJ KAHAAN GAYA PATA NAHI
LET: CURRENT ROOMMATE — THODA FLEXIBLE
CONST: BEST FRIEND — HAR SEMESTER WAHI, KABHI CHANGE NAHI HOTA
YOU DON’T TELL ZOMATO WHERE TO SEND FOOD — YOUR ADDRESS IS ENOUGH.
SIMILARLY, IN [Link], JUST CREATE A FILE IN THE /PAGESFOLDER AND BOOM –
THAT’S YOUR ROUTE.
Dynamic routing is like ordering ‘Paneer Tikka’ but changing the spice level every time.
SSR (Server-Side Rendering) – Maggi in Real-Time
VAR: JAISE WOH DOST JO KAL HOSTEL MEIN THA, AAJ KAHAAN GAYA PATA NAHI
SSR IS LIKE MAKING MAGGI WHEN YOUR GUEST ARRIVES.
LET: CURRENT ROOMMATE — THODA FLEXIBLE
CONST: BEST FRIEND — HAR SEMESTER WAHI, KABHI CHANGE NAHI HOTA
Cooked fresh on server per request
Personalized HTML output
Great for real-time, dynamic content
Cons: Slow if server is sleepy (like you at 3AM).
SSG (Static Site Generation)
– Tiffin Ready Last Night
VAR: JAISE WOH DOST JO KAL HOSTEL MEIN THA, AAJ KAHAAN GAYA PATA NAHI
LET: CURRENT ROOMMATE — THODA FLEXIBLE
CONST: BEST FRIEND — HAR SEMESTER WAHI, KABHI CHANGE NAHI HOTA
SSG IS YOUR MOM PACKING LUNCH AT 10 PM FOR
YOUR 8 AM CLASS.
PAGES ARE GENERATED AT BUILD TIME
SUPER FAST (NO WAITING)
IDEAL FOR BLOGS, PORTFOLIOS, FAQS
API Routes – DMs to Your Backend
VAR: JAISE WOH DOST JO KAL HOSTEL MEIN THA, AAJ KAHAAN GAYA PATA NAHI
LET: CURRENT ROOMMATE — THODA FLEXIBLE
CONST: BEST FRIEND — HAR SEMESTER WAHI, KABHI CHANGE NAHI HOTA
INSTEAD OF WHATSAPP, YOU NOW HAVE /API/SEND-MESSAGE.
CREATE BACKEND APIS DIRECTLY INSIDE /PAGES/API
NO NEED FOR [Link]
FEELS ILLEGAL, BUT IT'S NOT
Middleware – The Bouncer of Your Club
VAR: JAISE WOH DOST JO KAL HOSTEL MEIN THA, AAJ KAHAAN GAYA PATA NAHI
LET: CURRENT ROOMMATE — THODA FLEXIBLE
CONST: BEST FRIEND — HAR SEMESTER WAHI, KABHI CHANGE NAHI HOTA
MIDDLEWARE IS THAT GUY WHO CHECKS IDS
BEFORE LETTING PEOPLE INTO THE PARTY.
USE CASES:
AUTH PROTECTION
REDIRECTION
LOGGING USER ACTIVITY
App Router vs Pages Router – The Roommate War
Client vs Server Components – Who’s Doing the Dishes?
Deployment – Ab yeh bhi batao
kaise dikhaye duniya ko?
VAR: JAISE WOH DOST JO KAL HOSTEL MEIN THA, AAJ KAHAAN GAYA PATA NAHI
LET: CURRENT ROOMMATE — THODA FLEXIBLE
CONST: BEST FRIEND — HAR SEMESTER WAHI, KABHI CHANGE NAHI HOTA
DEPLOY TO VERCEL – IT’S LIKE DROPPING
YOUR PROJECT AT AMBANI’S HOUSE.
FREE HOSTING
BUILT-IN CI/CD
CUSTOM DOMAINS
SUPER FAST CDN
And... Boom. Site LIVE.
Recap – [Link] is Your Life Manager
VAR: JAISE WOH DOST JO KAL HOSTEL MEIN THA, AAJ KAHAAN GAYA PATA NAHI
LET: CURRENT ROOMMATE — THODA FLEXIBLE
CONST: BEST FRIEND — HAR SEMESTER WAHI, KABHI CHANGE NAHI HOTA
🚣 FILE ROUTING = ZOMATO DELIVERY
🍜 SSR = LIVE MAGGI MAKING
🧊 SSG = FRIDGE PIZZA
📡 API ROUTES = INSTA DMS
🧗 MIDDLEWARE = CLUB BOUNCER
💑 APP VS PAGES ROUTER = ROOMMATE SHOWDOWN
💚 SERVER COMPONENTS = ZERO DISHES
THANK
YOU!
You didn’t just learn [Link] — you unlocked a new character: Developer v2: Divi Approved™
