What I will learn?
- হেডলেস আর্কিটেকচার: ব্যাকএন্ডে ওয়ার্ডপ্রেস এবং ফ্রন্টএন্ডে Next.js-এর সংযোগ।
- মডার্ন JS ও React: ES6+, কম্পোনেন্ট, স্টেট এবং হুকসের (Hooks) ব্যবহার।
- Next.js এর জাদু: SSR, SSG এবং ISR এর মাধ্যমে সুপার-ফাস্ট ওয়েবসাইট তৈরি।
- WPGraphQL: গ্রাফকিউএল কুয়েরি দিয়ে ওয়ার্ডপ্রেস থেকে ডেটা ফেচ করা।
- ডেপ্লয়মেন্ট: ভেরসেল (Vercel) বা নেটলিফাই-তে প্রজেক্ট লাইভ করা।
Course Curriculum
Introduction to Headless WordPress
WordPress Installation
-
How to install XAMPP Server on Windows
05:43 -
How to install WordPress on localhost using XAMPP
12:26 -
Install WordPress in Live Server using cPanel
07:30 -
How to install WordPress in cPanel using Softaculous
06:24
WordPress Admin Panel
-
Introduction | Admin Panel
04:54 -
Posts | Admin Panel
11:41 -
Media | Admin Panel
03:21 -
Pages | Admin Panel
04:07 -
Comments | Admin Panel
03:13 -
Appearance | Part 1 | Admin Panel
13:31 -
Appearance | Part 2 | Admin Panel
07:25 -
Appearance | Part 3 | Admin Panel
11:47 -
Plugins | Admin Panel
09:31 -
Users | Admin Panel
08:27 -
Tools | Admin Panel
04:34 -
Settings | Admin Panel
09:17
Fundamentals of WordPress Theme Development
-
01. Fundamentals of WordPress Theme Development | Headless Wordoress
11:26 -
02. Fundamentals of WordPress Theme Development | Headless Wordoress
04:02 -
03. Fundamentals of WordPress Theme Development | Headless Wordoress
09:36 -
04. Fundamentals of WordPress Theme Development | Headless Wordoress
12:43 -
05. Fundamentals of WordPress Theme Development | Headless Wordoress
11:19 -
06. Fundamentals of WordPress Theme Development | Headless Wordoress
10:33 -
07. Fundamentals of WordPress Theme Development | Headless Wordoress
09:51 -
08. Fundamentals of WordPress Theme Development | Headless Wordoress
15:48 -
09. Fundamentals of WordPress Theme Development | Headless Wordoress
11:48 -
10. Fundamentals of WordPress Theme Development | Headless Wordoress
15:10 -
11. Fundamentals of WordPress Theme Development | Headless Wordoress
08:27 -
12. Fundamentals of WordPress Theme Development | Headless Wordoress
08:09
Fundamentals of PHP
-
01. Introduction | Fundamentals of PHP
04:57 -
02. First Code | Fundamentals of PHP
03:27 -
03. Variables & Data Types | Fundamentals of PHP
07:52 -
04. Arithmetic Operator | Fundamentals of PHP
03:33 -
05. Assignment Operator | Fundamentals of PHP
03:37 -
06. Comparison Operator | Fundamentals of PHP
04:08 -
07. if…else..if | Fundamentals of PHP
06:34 -
08. foreach Loop | Fundamentals of PHP
05:41 -
09. For Loop | Fundamentals of PHP
04:10 -
10. Switch | Fundamentals of PHP
02:06 -
11. While Loop | Fundamentals of PHP
04:10 -
12. Associative Array | Fundamentals of PHP
02:24 -
13. Indexed Array | Fundamentals of PHP
06:23 -
14. Multidimensional Array | Fundamentals of PHP
06:48 -
15. print_r var | Fundamentals of PHP
05:15 -
16. require & include | Fundamentals of PHP
04:54 -
17. require_once & include_once | Fundamentals of PHP
00:00
FlexBox | Basic to Advanced
-
Introduction | FlexBox Basic to Advanced | Headless WordPress
06:59 -
Flex Direction | FlexBox Basic to Advanced | Headless WordPress
05:50 -
Flex Wrap | FlexBox Basic to Advanced | Headless WordPress
04:13 -
Flex Flow | FlexBox Basic to Advanced | Headless WordPress
01:57 -
Justify Content | FlexBox Basic to Advanced | Headless WordPress
07:22 -
Align Content | FlexBox Basic to Advanced | Headless WordPress
03:28 -
Align Items | FlexBox Basic to Advanced | Headless WordPress
01:37 -
Order | FlexBox Basic to Advanced | Headless WordPress
04:25 -
Flex Grow | FlexBox Basic to Advanced | Headless WordPress
02:58 -
Flex Basis | FlexBox Basic to Advanced | Headless WordPress
03:01 -
Align Self | FlexBox Basic to Advanced | Headless WordPress
02:08 -
Card Layout | FlexBox Basic to Advanced | Headless WordPress
04:47
JavaScript Basics (The Frontend Core)
-
01. Introduction | JavaScript Fundamentals | Headless WordPress
01:52 -
02. Write First Code | JavaScript Fundamentals | Headless WordPress
03:52 -
03. Var, Let & Const | JavaScript Fundamentals | Headless WordPress
04:44 -
04. Data Types | JavaScript Fundamentals | Headless WordPress
05:13 -
05. Operator – Part 1 | JavaScript Fundamentals | Headless WordPress
06:14 -
06. Operator – Part 2 | JavaScript Fundamentals | Headless WordPress
06:05 -
07. Operator – Part 3 | JavaScript Fundamentals | Headless WordPress
05:11 -
08. Operator – Part 4 | JavaScript Fundamentals | Headless WordPress
04:46 -
09. if elseif else | JavaScript Fundamentals | Headless WordPress
07:22 -
10. For & While Loop | JavaScript Fundamentals | Headless WordPress
06:58 -
11. Switch Statement | JavaScript Fundamentals | Headless WordPress
05:37 -
12. Array | JavaScript Fundamentals | Headless WordPress
10:22 -
13. JS Date | JavaScript Fundamentals | Headless WordPress
03:22 -
14. JS Math | JavaScript Fundamentals | Headless WordPress
05:32
Document Object Model – JavaScript Dom
-
01. Introduction | JavaScript DOM | Headless WordPress
02:39 -
02. Manipulating Elements – Part 1 | JavaScript DOM | Headless WordPress
04:37 -
03. Mainpulating Elements – Part 2 | JavaScript DOM | Headless WordPress
05:14 -
04. Selection Elements | JavaScript DOM | Headless WordPress
08:34 -
05. Working with Attributes | JavaScript DOM | Headless WordPress
05:51
Modern JS (ES6+) – Coming Soon
Advance Array Methods & Async JS (The API Pipeline) – Coming Soon
React.js Foundation – Coming Soon
Headless Frontend Setup: Next.js – Coming Soon
Headless Backend Setup: WPGraphQL
-
01. Introduction | WPGraphQL | Headless WordPress
03:19 -
02. Plugin Installation | WPGraphQL | Headless WordPress
02:33 -
03. GrapiQL IDE | WPGraphQL | Headless WordPress
03:52 -
04. Fetching Posts | WPGraphQL | Headless WordPress
13:03 -
05. Fetching Pages | WPGraphQL | Headless WordPress
03:48 -
06. Categories & Tags | WPGraphQL | Headless WordPress
05:25 -
07. Media & Images | WPGraphQL | Headless WordPress
05:58 -
08. Menus | WPGraphQL | Headless WordPress
07:53 -
9. Users | WPGraphQL | Headless WordPress
07:11 -
10. Settings | WPGraphQL | Headless WordPress
04:19 -
11. Custom Post Type | WPGraphQL | Headless WordPress
06:38 -
12. ACF Setup Fetch Data | WPGraphQL | Headless WordPress
04:54 -
13. Mutations CRUD | WPGraphQL | Headless WordPress
05:13
Headless Integration (Connecting WP & Next.js)
-
01. Introduction | Headless Integration (Connecting WP & Next.js)
01:56 -
02. WordPress Install & Plugin Setup | Headless Integration (Connecting WP & Next.js)
05:09 -
03. WordPress Data Insert | Headless Integration (Connecting WP & Next.js)
20:38 -
04. Next js Setup | Headless Integration (Connecting WP & Next.js)
03:49 -
05. Static Header & Footer Design | Headless Integration (Connecting WP & Next.js)
17:28 -
06. All Page Created | Headless Integration (Connecting WP & Next.js)
05:08 -
07. Home Page – Part 1 | Headless Integration (Connecting WP & Next.js)
14:17 -
08. Home Page – Part 2 | Headless Integration (Connecting WP & Next.js)
12:39 -
09. Other Pages Design | Headless Integration (Connecting WP & Next.js)
13:04 -
10. Fetch Data for Header | Headless Integration (Connecting WP & Next.js)
14:16 -
11. Fetch Data for Footer | Headless Integration (Connecting WP & Next.js)
09:54 -
12. Fetch Data for Home Page – Part 1 | Headless Integration (Connecting WP & Next.js)
11:44 -
13. Fetch Data for Home Page – Part 2 | Headless Integration (Connecting WP & Next.js)
12:10 -
14. Fetch Data for Single Service Page – Part 1 | Headless Integration (Connecting WP & Next.js)
08:41
Student Ratings & Reviews
No Review Yet
750 ৳
1999 ৳
-
LevelAll Levels
-
Total Enrolled5
-
Duration10 hours31 minutes
-
Last UpdatedJuly 19, 2026
-
CertificateCertificate of completion
Hi, Welcome back!
A course by
Abdullah Nahian
Professional WordPress Developer
Material Includes
- কমপ্লিট সোর্স কোড: প্রতি ক্লাসের গিটহাব (GitHub) লিঙ্ক।
- রিয়েল-প্রজেক্ট
- চিটশিট: Next.js ও GraphQL এর শর্টকাট কোড গাইড।
Requirements
- বেসিক জ্ঞান: HTML, CSS এবং প্রাথমিক JavaScript জানা থাকা লাগবে।
- টুলস: পিসিতে VS Code এবং Node.js ইনস্টল থাকতে হবে।
- লোকাল হোস্ট: ওয়ার্ডপ্রেস চালানোর জন্য LocalWP বা XAMPP সফটওয়্যার।
- প্রধান শর্ত: নিয়মিত কোড প্র্যাকটিস করার মানসিকতা।
Target Audience
- ওয়ার্ডপ্রেস ডেভেলপার: যারা মডার্ন জ্যামস্ট্যাক (Jamstack) শিখতে চান।
- ফ্রন্টএন্ড ডেভেলপার: যারা ব্যাকএন্ড হিসেবে ওয়ার্ডপ্রেস ব্যবহার করতে চান।
- ফ্রিল্যান্সার: ক্লায়েন্টদের হাই-পারফরম্যান্স ওয়েবসাইট উপহার দিতে।