Next.js β 0 dan Expert darajagacha (o'zbek tilida)
Bu qo'llanma Next.js 16 (App Router) va React 19 ni mutlaqo noldan professional darajagacha o'rgatadi. Hech qanday oldingi tajriba β JavaScript ham, React ham β talab qilinmaydi: birinchi qism ularni ham noldan tushuntiradi.
Versiya: Next.js 16 , React 19 , Node.js 20.9+ . Kod misollari shu versiyalarga moslangan (async params, "use cache", sukut bo'yicha keshlanmaydigan fetch/GET va h.k.).
Qanday ishlatish kerak
Qismlarni va boblarni tartib bilan o'qing (0-BOB β 19-BOB). Har biri oldingisiga tayanadi.
Har bobdagi kodni o'z kompyuteringizda yozib, ishga tushiring . Faqat o'qib ketsangiz β bilim o'rnashmaydi.
Bob oxiridagi mashqlar (challenge) ni mustaqil bajaring.
"β οΈ Next.js 16" va "Keng tarqalgan xatolar" bloklarini e'tibordan qochirmang β ular real loyihada vaqtingizni tejaydi.
Talablar
Kerak
Daraja
Kompyuter, terminal, brauzer
Asoslar
Node.js 20.9+
O'rnatiladi (0-bobda)
Oldingi dasturlash tajribasi
Shart emas β JS va React noldan o'rgatiladi
To'liq yo'l xaritasi (roadmap)
Bob
Mavzu
0
Boshlashdan oldin (muhit sozlash, Node.js)
1
JavaScript asoslari
2
React asoslari
3
Next.js bilan birinchi qadamlar
4
Routing β sahifalar tizimi
Bob
Mavzu
5
Server Components va Client Components
6
Ma'lumot olish (Data Fetching)
7
Server Actions β ma'lumot yuborish va saqlash
8
Keshlash (Caching) va "use cache"
Bob
Mavzu
9
Route Handlers β o'z API'ngiz
10
Ma'lumotlar bazasi (Prisma)
11
Validatsiya (Zod)
12
Autentifikatsiya (Better Auth) va xavfsizlik
Bob
Mavzu
13
Performance (tezlik)
14
Test yozish
15
Deployment β saytni internetga chiqarish
16
Monitoring, ilg'or patternlar va yakuniy loyiha
Bob
Mavzu
17
Ko'p tillik (i18n)
18
To'lov qabul qilish (Stripe va mahalliy provayderlar)
19
Real-time (jonli yangilanish / WebSocket)
Jami: 20 bob , 4 asosiy qism + bonus. 0 dan to'liq full-stack production ilovagacha.
Boshlashdan oldin
nodejs.org dan Node.js 20.9+ ni o'rnating, keyin:
create-next-app@latest
Tayyor bo'lsang β 1-QISM: Asoslar β