বর্তমান মডার্ন ইন্টারনেটে ওয়েব ডেভেলপমেন্ট ক্রমশ আরও আধুনিক এবং কম্পিটিটিভ হয়ে উঠছে। গ্রেটার ইউজার এক্সপেরিয়েন্সের জন্য হেডলেস কনসেপ্টটি দিন কে দিন জনপ্রিয় হয়ে উঠছে। আমি তো ওয়ার্ডপ্রেস কে জান-প্রাণ দিয়ে ভালোবাসি, ওয়ার্ডপ্রেস তো ছাড়তে মন চায় না। সমস্যা নেই, ওয়ার্ডপ্রেস অনেক আধুনিক একটি সিএমএস, ওয়ার্ডপ্রেস অন্যান্য সিএমএস এর মতো একবার রিলিজ দিয়ে বসে থাকে না। আমার মনে হয় টেকনোলজির সাথে আপডেট থাকা সফ্টওয়ার গুলির মধ্যে ওয়ার্ডপ্রেস অন্যতম। (ডাটাবেজের ক্ষেত্রে এরা ক্ষেত যদিও, এটা নিয়ে আরেকদিন কিছু লেখার ইচ্ছা আছে)। যাই হোক, ওয়ার্ডপ্রেসে হেডলেস ক্যাপাবিলিটি অনেক আগে থেকেই আছে। প্রথমে রেস্ট এপিআই ছিলো, পরে গ্রাফকিউএল রিলিজ করেছে। সো, ওয়ার্ডপ্রেস ইজ এ হেডলেস সিএমএস।
ব্লগ সাইটগুলির জন্য অনেক জনপ্রিয় এই হেডলেস ওয়ার্ডপ্রেস। কিভাবে হেডলেস ইউজ করবেন সেটা নিয়ে আজকের পোস্ট না, আজকের পোস্টে বলবো হেডলেস ওয়ার্ডপ্রেস কি, কিভাবে এটি কাজ করে, এবং এর সুবিধা।
হেডলেস ওয়ার্ডপ্রেস কি?
হেডলেস ওয়ার্ডপ্রেস এর কোন টেকনিক্যাল সংজ্ঞা নেই। এটা মূলত কিভাবে আপনি আপনি ওয়ার্ডপ্রেস কে ইউজ করছেন সেই অবস্থাকে বুঝায়। হেডলেস ওয়ার্ডপ্রেসের ড্যাশবোর্ড নরমাল ওয়ার্ডপ্রেস এর ড্যাশবোর্ড ই, জাস্ট ফ্রন্টএন্ডে কিছু থাকে না। পোস্ট, পেজ, ক্যাটাগরি, সব ডাটা ই এপিআই এর মাধ্যমে ডিফারেন্ট কোন ফ্রন্ট-এন্ড এপ্লিকেশনে দেখানো হয়।
সুন্দর একটা ওয়ার্ডপ্রেস কে ভেঙ্গে কেন দুই জায়গায় নিতে হবে? ওয়ার্ডপ্রেসের অপরাধ কি?
ওয়ার্ডপ্রেসের অপরাধ নাই আসলে, হেডলেস ওয়ার্ডপ্রেস কনসেপ্টটি ওয়ার্ডপ্রেস থেকে সরে আসার জন্য না। মডার্ন ফ্রন্ট-এন্ড এ ওয়ার্ডপ্রেস কে ইনক্লুড করার জন্য এই কনসেপ্টটি এসেছে। যেমন, গ্যাটসবি একটি অনেক জনপ্রিয় একটি স্ট্যাটিক সাইট জেনারেটর। এটার কোন সার্ভার ক্যাপাবিলিটি নাই, সো সার্ভার ক্যাপাবিলিটি এবং ডাটা ম্যানেজমেন্টের জন্য অসংখ্য গ্যাটসবি সাইটে হেডলেস ওয়ার্ডপ্রেস ইউজ করা হয়। আবার আরেকটি ইউজকেস হলো ব্যাকেন্ডের পিছনে ডেভেলপমেন্ট টাইম না দেয়া। উদাহরণ স্বরূপ ধরুন আপনি নেক্সটজেএস দিয়ে একটি ব্লগ বানাবেন, তো আপনি ব্লগের জন্য ব্যাকেন্ড না বানিয়ে সিম্পলি হেডলেস ওয়ার্ডপ্রেস ইউজ করে ওয়ার্ডপ্রেস ড্যাশবোর্ড কে ইউজ করতে পারবেন।
হেডলেস ওয়ার্ডপ্রেস কিভাবে কাজ করে?
হেডলেস ওয়ার্ডপ্রেস কাজ করে REST API কিংবা GraphQL এর মাধ্যমে। ওয়ার্ডপ্রেস ওয়েবসাইটের কন্টেন্ট স্টোরেজ এবং ম্যানেজমেন্ট সিস্টেম হিসেবে ব্যবহৃত হয়, কিন্তু সেই কন্টেন্ট দেখানোর জন্য অন্য কোনো ফ্রন্টএন্ড টেকনোলজি ব্যবহার করা হয়, যেমন React, Vue.js, Next.js বা অন্য কোনো স্ট্যাটিক সাইট জেনারেটর। কনটেন্ট ক্রিয়েশন এবং ম্যানেজমেন্টের জন্য সেই চিরচেনা ওয়ার্ডপ্রেস ই থাকে, খালি ফ্রন্ট-এন্ড টা আপনার ইচ্ছামতো যেকোন প্ল্যাটফর্মে বানাতে পারবেন।
হেডলেস ওয়ার্ডপ্রেসের সুবিধাসমূহ
ফ্রন্ট-এন্ডের পূর্ণ স্বাধীনতা: আপনি যে কোনো ফ্রন্ট-এন্ড টেকনোলজি ব্যবহার করতে পারবেন React, Angular, Vue.js বা অন্য যেকোনও কিছু। এটি ডেভেলপারদের ফ্রন্ট-এন্ড ডিজাইন এবং ইন্টারেকশনের ক্ষেত্রে প্রচুর ফ্লেক্সিবিলিটি দেয়।
রেস্ট এপিআই এবং গ্রাফকিউএল: হেডলেস ওয়ার্ডপ্রেস এর বিল্ট-ইন স্ট্রং এপিআই আছে, যা এপিআই বানানোর ডেভেলপমেন্ট টাইম বাচিয়ে দেয়।
সুপারফাস্ট ফ্রন্ট-এন্ড: ওয়ার্ডপ্রেসের যতই গুণগান করি না কেন, পারফরমেন্সে মডার্ন ফ্রন্ট-এন্ড ফ্রেমওয়ার্কগুলির ধারে-কাছেও নেই ওয়ার্ডপ্রেস। মডার্ন ফ্রন্ট-এন্ডের পারফরমেন্স এবং হেডলেস ওয়ার্ডপ্রেসের সহজ ব্যাকেন্ড, দারুণ কম্বিনেশন।
স্কেলেবিলিটি এবং সিকিউরিটি: হেডলেস আর্কিটেকচারের মাধ্যমে সার্ভার সাইড এবং ক্লায়েন্ট সাইড সম্পূর্ণ আলাদা থাকায় ওয়েবসাইট স্কেল করা সহজ হয়, এবং সিকিউরিটি উন্নত হয় কারণ সাইটের ব্যাকএন্ড এবং ফ্রন্টএন্ড দুইটা আলাদা এবং মোস্ট কেসেস দুইটা আলাদা সার্ভারে হয়ে থাকে।
হেডলেস ওয়ার্ডপ্রেস এর কিছু সীমাবদ্ধতাও আছে। সেটা আর লিখলাম না, কারণ পোস্টটি কনসেপ্ট শেয়ারিং এর জন্য করেছি। এই জিনিসে আগ্রহী জনগণ পেলে হেডলেস ওয়ার্ডপ্রেস এবং ফ্রন্ট-এন্ড ফ্রেমওয়ার্কগুলি নিয়ে আলাদা পোস্ট করবো।
এই কমিউনিটি টা প্রথমদিন থেকেই ফলো করতেছি, কাজের চাপে জয়েন করতে দেরি হচ্ছিলো। ভেবেছিলাম নেক্সট উইকেন্ডে দুই-একটা কন্টেন্ট রেডি করে ঢুকে পড়ব। কিন্তু কাল রাসেল ভাই ওপেনলি হুমকি (এক প্রকার ) দিল, তাই কাচা একটা পোস্ট নিয়েই জয়েন করে ফেললাম। সেই পুরনো দিনগুলির কথা মনে পড়ছে যখন দেশে ছিলো অনেকগুলা শিক্ষণীয় সব সাইট/কমিউনিটি। নলেজ শেয়ারিং এর জন্য একটি দারুণ একটি প্ল্যাটফর্ম বানানোর জন্য ধন্যবাদ রাসেল ভাই।