Udemy – Next.js 15 & React – The Complete Guide
About Course
✨”ဒီ course လေးကတော့ ReactJS ကိုအခြေခံပြီး Fullstack App တည်ဆောက်ချင်သူတွေအတွက် NextJS 15 ကို အစကနေမှ စတင်ပြီး တက်ကြွစွာ လေ့လာသွားနိုင်မယ့် Course လေးပဲဖြစ်ပါတယ်။ App Router နဲ့ Pages Router နှစ်မျိုးလုံးနဲ့ တည်ဆောက်နည်းတွေကို လက်တွေ့ project တွေထဲမှာ သင်ကြားပေးသွားမယ့်အပြင် React Server Components, Client Components, Data Fetching, Server Actions, Authentication စတဲ့ modern feature တွေကိုလည်း အဆင့်ဆင့် နက်နက်ရှိုင်းရှိုင်း သင်ယူနိုင်မယ်။
အထူးသဖြင့် React ကို အခြေခံထားပြီး Skill တိုးချင်သူတွေ၊ Fullstack Developer အဖြစ် တိုးတက်ချင်သူတွေ၊ NextJS နဲ့ production-ready project တွေကို တကယ့်အကျိုးရှိရှိ သုံးနိုင်အောင် တည်ဆောက်ချင်သူတွေအတွက် တန်ဖိုးအပြည့်အဝရမယ့် သင်တန်းလေးပဲ ဖြစ်ပါတယ်။”
Udemy Original Course Link
What is NextJS? And why would you use it?
Why is just React (in many cases) not enough?
Creating NextJS projects from the ground up & understanding these projects
Working with file-based routing
Adding dynamic routes and catch-all routes
Implementing different forms of page pre-rendering and server-side rendering
Working with data and adding data fetching + pre-fetching to your apps
Handling form submissions with Server Actions
Handling File upload
Pre-generating dynamic and static pages
Adding optimizations like metadata to pages
Optimizing images with the NextJS Image component
Building fullstack apps with API routes or Server Actions
Managing app-wide state with React context (in NextJS apps)
Adding authentication to NextJS apps
Multiple complete apps where we’ll apply all these core concepts!
A complete React.js refresher module (so that we’re all on the same page)
A NextJS summary module so that you can refresh what you learned or just explore the core features quickly
And much more!
What Will You Learn?
- React နဲ့ NextJS 15 ရဲ့ App Router ကို အသုံးပြုပြီး Fullstack App များ တည်ဆောက်နည်းကို သင်ယူရပါမယ်။
- လက်တွေ့လုပ်ဆောင်ရသော Project များကို တည်ဆောက်ပြီး သင်ယူခဲ့သောအရာများကို လက်တွေ့အသုံးချရပါမယ်။
- NextJS App တည်ဆောက်တဲ့နည်းလမ်းအမျိုးမျိုးဖြစ်တဲ့ App Router နဲ့ Pages Router တို့အကြား ကွာခြားချက်များကို လေ့လာရပါမယ်။
- React Server Components, Client Components, ဒေတာဖတ်ယူခြင်း (data fetching) စတာတွေကို စတင်လေ့လာရပါမယ်။
- Server Actions ကို အသုံးပြုပြီး ဒေတာတင်သွင်းခြင်းများ၏ ကိုင်တွယ်နည်းကို လေ့လာရပါမယ်။
- အချိန်အကန့်အသတ် ရှိသူများအတွက် "NextJS Summary" ဆိုတဲ့အကျဉ်းချုပ် module ကို သုံးပြီး သင်ယူရပါမယ်။
- Pre-rendering, Server-Side Rendering (SSR), ဒေတာဖတ်ယူခြင်း, File-based Routing နဲ့ Authentication စတဲ့ NextJS ရဲ့ အဓိက Features များအားလုံးကို သင်ယူရပါမယ်။
Course Content
Udemy – Next.js 15 & React – The Complete Guide
- 21:13
- 07:40:15
03 – NextJS Essentials (App Router)
03:52:4604 – Routing & Page Rendering – Deep Dive
02:02:1205 – Data Fetching – Deep Dive
54:1006 – Mutating Data – Deep Dive
01:34:4807 – Understanding & Configuring Caching
55:0708 – NextJS App Optimizations
53:4609 – User Authentication
01:26:3610 – Roundup & Next Steps
05:0011 – Pages & File-based Routing
01:05:1012 – Project Time Working with File-based Routing
01:45:4513 – Page Pre-Rendering & Data Fetching
02:35:1814 – Project Time Page Pre-rendering & Data Fetching
59:5415 – Optimizing NextJS Apps
41:0816 – Adding Backend Code with API Routes (Fullstack React)
01:13:5917 – Project Time API Routes
01:23:4218 – Working with App-wide State (React Context)
41:4319 – Complete App Example Build a Full Blog A to Z
03:14:4320 – Deploying NextJS Apps
01:00:0121 – Adding Authentication
02:15:4222 – Optional NextJS Summary
03:19:5223 – Course Roundup
00:56