تشغيل تلقائي
اكمال تلقائي
الدرس السابق
اكتمل واستمر للتالي
NextJs 13,14 - Fundamental From Scratch
01-NextJs Basics
1-Course Requerments - متطلبات الكورس (2:30)
2-What Nextjs - ما هو النكست (3:47)
3-Run First Project - تشغيل اول مشروع (10:37)
4-Why Nextjs - Server Side Rendering - لماذا النكست (8:23)
5-Why Nextjs - Routing - لماذا النكست (8:32)
6-Why Nextjs - Api Plugins - لماذا النكست (10:06)
7-Difference Between Next 12 and 13 (16:21)
02-Routing NextJs 12
1-Routing In Nextjs Static Routes (16:14)
2-Routing In Nextjs Dynamic Routes (15:50)
3-Routing In Nextjs Nested Routes (8:11)
4-Routing In Nextjs Catch-all Segments (13:37)
03-Rendering in Nextjs & Data Fetching
1-Section Intro (12:31)
2-SSG - Static Site Generation (14:37)
3-SSG - getStaticProps (11:51)
4-Incremental Static Generation - ISR (18:41)
05-SSG With Dynamic Parameters (18:10)
06-SSG - getStaticPaths (17:47)
07-getStaticPaths-Fallback (12:13)
08-Server-Side-Rendering Intro (13:10)
09-Server-Side-Rendering Dynamic Routes (19:05)
10-Client Side Rendering in NextJs (14:29)
11-section sammary (9:30)
04-Styling in NextJs
01-Style (css) in Nextjs (9:09)
02-Style (module) in Nextjs (8:06)
03-Style (css Library) in Nextjs (12:13)
05-Optimizing in NextJs 13
01-Section Intro (3:40)
02-Head Tag Part 1 (6:58)
03-Head Tag Part 2 (6:44)
04-_document.js File (5:32)
05-Image Optimization in Next 13 (13:06)
06-Fonts Optimization in NextJs 13 (12:40)
07-Lazy Loading in NextJs 13 (7:38)
08-Static Assets & Script Optimization in NextJs 13 (4:29)
06-NextJs 13 Structure
01-Section intro (3:14)
02-First Look Next 13 (11:09)
03-Pages Vs App Folders (8:04)
04-Page.js File (10:36)
05-Layout.js File (17:33)
06-Metadata (8:16)
07-Routing in NextJS 13
02-Dynamic Routes (7:34)
01-Static Routes & Nested Routes (7:06)
03-Navigation & Groups & Layout (6:49)
04-Loading.js File (8:55)
05-Error.js File (7:21)
06-Parallel Routes (7:52)
07-Intercepting Routes (9:54)
08-Route Handlers (3:23)
8-Data Fetch & Rendering in NextJs 13
02-React Server Component (20:29)
01-Section Intro (5:20)
03-Rendering in NextJs 13 (9:01)
04-Data Fetching (10:14)
05-Render Client Component In Server Component (8:33)
06-Render Client in Server Component Example (11:27)
07-User Details Component (15:36)
08-SSG & SSR & ISR (18:18)
9-Restaurant Project - Desgin Only
تحميل ملفات المشروع تصميم فقط
01-Section Intro (12:56)
02-Setup New Project (8:53)
03-Project Structure (18:38)
04-NavBar Part 1 (12:41)
5-NavBar Part 2 (10:07)
06-Project Fonts setup (6:27)
07-Dark Light Mode Part 1 (14:12)
08-Dark Light Mode Part 2 (18:59)
09-Search Component Part 1 (10:46)
10-Search Component Part 2 (14:08)
11-Footer Component (17:30)
12-Card Component Part 1 (11:21)
13-Card Component Part 2 (19:52)
14-Card Component Part 3 (13:24)
15-Restaurant Page Layout (21:20)
16-Restaurant Page - Header (9:50)
17-Restaurant Page - BookDate (14:43)
18-Restaurant Details Component - Layout (16:50)
19-Restaurant Details Component - Layout Part 2 (10:30)
20-Restaurant Details Component - overview (17:13)
21-Restaurant Details Component - Photos (28:08)
22-Restaurant Details Component - Photos Part 2 (20:34)
23-Restaurant Details Component -Menu (13:22)
10-NextJs 14, Server Actions
01- NextJs 14 Intro (4:13)
02-Server Action Intro ما هي (6:43)
03-Why Server Actions (9:33)
04-Server Action in Server Component (5:42)
05-Server Action in Client Component (7:14)
06-Users Project Desgin (7:37)
07-Users Project Desgin Part2 (6:35)
08-Add New User (Server Action) (8:58)
09-Server Action Response in Client Component (10:58)
10-Server Action Loading State (9:20)
11-OnSubmit With Server Actions (15:11)
01- NextJs 14 Intro
اكتمل واستمر للتالي