ওয়ার্ডপ্রেসের জন্য ফ্রন্টিটি রিঅ্যাক্ট ফ্রেমওয়ার্ক সেট আপ বোঝা

ফ্রন্টিটি হল দ্রুত ওয়ার্ডপ্রেস ওয়েবসাইট তৈরির জন্য নতুন ফ্রন্ট-এন্ড ফ্রেমওয়ার্ক

ওয়ার্ডপ্রেস অনেকদিন ধরেই সবচেয়ে জনপ্রিয় কন্টেন্ট ম্যানেজমেন্ট সিস্টেম। এটি শুধুমাত্র ইন্টারনেটের 30% এরও বেশি ওয়েবসাইটকেই ক্ষমতা দেয় না, এটি ওয়ার্ডপ্রেস ইকোসিস্টেমকে জীবন্ত এবং শক্তিশালী রাখে এমন অবদানকারীদের একটি বিশাল সম্প্রদায়কেও গর্বিত করে৷

ওয়ার্ডপ্রেস মূলত একটি পিএইচপি ভিত্তিক সার্ভার সফটওয়্যার। ওয়ার্ডপ্রেসে হাজার হাজার কাস্টম বর্ধন এবং এক্সটেনশন রয়েছে যা মূলত পিএইচপি ভিত্তিক প্লাগইন আকারে। সুতরাং, আশ্চর্যের বিষয় নয় যে ওয়ার্ডপ্রেসের সাথে নন-PHP ফ্রেমওয়ার্কগুলিকে একীভূত করার অনেক প্রচেষ্টা হয়েছে, বিশেষ করে জাভাস্ক্রিপ্ট ফ্রেমওয়ার্কগুলি যা দ্রুত ওয়েব ডেভেলপমেন্টে ফ্রন্টএন্ড স্থান দখল করছে।

এরকম একটি ফ্রেমওয়ার্ক যা সত্যিই চার্টে আরোহণ করছে তা হল ওয়ার্ডপ্রেসের জন্য ফ্রন্টিটি নামক একটি React.js ফ্রেমওয়ার্ক। এটি স্পেনের বাইরে অবস্থিত একটি স্টার্টআপ দ্বারা তৈরি করা হয়েছে। ডেভেলপমেন্ট ফর ফ্রন্টিটি বছর দুয়েক ধরে চলছে। যাইহোক, এটি সম্প্রতি খবর তৈরি করেছে যখন এটি ওয়ার্ডপ্রেসের পিছনে কোম্পানির নেতৃত্বে € 1 মিলিয়ন রাউন্ড সংগ্রহ করেছে, স্বয়ংক্রিয় এবং ভেঞ্চার ক্যাপিটাল ফার্ম কেফান্ড. এর পিছনের কারণ বোঝার জন্য, ফ্রন্টিটি ফ্রেমওয়ার্ক কী এবং এটি কী সুবিধা নিয়ে আসে তা বোঝা প্রথমে গুরুত্বপূর্ণ।

ফ্রন্টিটি কি?

ফ্রন্টিটি সম্পর্কে জানার আগে, ওয়ার্ডপ্রেসের বেসিক আর্কিটেকচার জানা অপরিহার্য। আপনি হয়তো জানেন, ওয়ার্ডপ্রেস একটি পিএইচপি ভিত্তিক সার্ভার সফটওয়্যার। অনুরোধগুলি পরিবেশনের জন্য অ্যাপাচি বা এনজিনক্সের মতো একটি সার্ভার সফ্টওয়্যার এবং ডেটা সংরক্ষণের জন্য মাইএসকিউএলের মতো একটি ডাটাবেস সফ্টওয়্যার (পোস্ট, পৃষ্ঠা, ব্যবহারকারী, ইত্যাদি) প্রয়োজন৷

ওয়ার্ডপ্রেস আর্কিটেকচার

একবার ওপেন করলেই ওয়ার্ডপ্রেস ওয়েবসাইটের মেইন পেজ বলুন, এটি কল করবে index.php ব্যাকএন্ডে ফাইল, যা হোম পেজের জন্য HTML, CSS এবং JS ফেরত দেবে যা ব্রাউজারে প্রদর্শিত হবে। এইভাবে, PHP ওয়েবসাইটের জন্য একটি কমন গেটওয়ে ইন্টারফেস (CGI) হিসাবে কাজ করে এবং তাই ফ্রন্টএন্ডে যেকোন ধরনের উন্নতি PHP-ভিত্তিক হতে হবে।

ফ্রন্টিটি আর্কিটেকচার

যেহেতু ফ্রন্টিটি একটি প্রতিক্রিয়া - বাসed ফ্রেমওয়ার্ক, প্রথমে React JS সম্পর্কে একটু কথা বলি। প্রতিক্রিয়া হল একটি ফ্রন্ট এন্ড জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক যা Facebook দ্বারা বিকাশিত এবং প্রকাশিত হয়েছে। এটি দ্রুত, স্থিতিশীল, প্রতিক্রিয়াশীল UIs তৈরি করার সহজতার কারণে অত্যন্ত জনপ্রিয়। প্রতিক্রিয়া একটি নোড জেএস মডিউল হিসাবে কাজ করে এবং তাই প্রতিক্রিয়া ব্যবহার করে একটি ওয়েবসাইট অবশ্যই নোড জেএস সার্ভারের উপর ভিত্তি করে হতে হবে।

এখন, আপনি যদি ফ্রন্টএন্ড বাড়ানোর জন্য রিঅ্যাক্টের মতো খাঁটিভাবে জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক ব্যবহার করতে চান, যেমন, কাস্টম থিম তৈরি করুন, এটি করা কষ্টকর। কারণ হচ্ছে রিঅ্যাক্টের মতো একটি ফ্রেমওয়ার্ক নোডের সাথে একত্রে কাজ করে, যা তার নিজস্ব একটি সার্ভার শুরু করে। এবং আমরা আগেই উল্লেখ করেছি, ওয়ার্ডপ্রেস ব্যাকএন্ডে একটি পিএইচপি সিজিআই সার্ভারের সাথে কাজ করে। সুতরাং, ওয়ার্ডপ্রেসের জন্য প্রতিক্রিয়া ব্যবহার করে কাস্টম থিম এবং UI তৈরি করার কোনও সহজ উপায় নেই।

যাইহোক, ওয়ার্ডপ্রেস ডাটাবেস থেকে দূরবর্তীভাবে ডেটা পুনরুদ্ধার করার একটি উপায় রয়েছে। এটি ওয়ার্ডপ্রেস REST API ব্যবহার করে করা যেতে পারে, যা WP সংস্করণ 4.7 এবং তার উপরে থেকে মূল ওয়ার্ডপ্রেসে সম্পূর্ণরূপে একত্রিত। আমরা যদি দূরবর্তীভাবে ওয়ার্ডপ্রেস ডেটা আনতে পারি, তার মানে আমরা এখন আমাদের ইচ্ছামতো আনা ডেটা প্রদর্শন করতে পারি। ব্যবহারকারীরা ডাটাবেস থেকে সরাসরি ওয়ার্ডপ্রেস ডেটা অ্যাক্সেস করার জন্য কাস্টম অ্যাপস, ওয়েবপেজগুলি বিকাশ করতে দীর্ঘদিন ধরে REST API ব্যবহার করছেন। এই ধরনের কন্টেন্ট ম্যানেজমেন্ট সিস্টেম (CMS) হিসেবেও উল্লেখ করা হয় মাথাহীন সিএমএস।

ফ্রন্টিটি এই ধারণার উপর ভিত্তি করে। এটি REST API এর মাধ্যমে একটি ওয়ার্ডপ্রেস ডাটাবেসের সাথে সংযোগ করে, পুনরুদ্ধার করা ডেটা পার্সিং এবং সংগঠিত করার যত্ন নেয়। এটি আপনাকে ছেড়ে দেয় যে আপনি ওয়েবসাইটটি প্রদর্শন করতে কোন থিম ব্যবহার করতে চান৷ যেহেতু এটি প্রতিক্রিয়ার উপর ভিত্তি করে, তাই যে কোনও প্রতিক্রিয়া থিম ওয়েবসাইটের জন্য ব্যবহার করা যেতে পারে। আপনি যদি পছন্দ করেন তবে আপনি আপনার কাস্টম থিমও বিকাশ করতে পারেন। ওয়ার্ডপ্রেসের পিএইচপি ভিত্তিক ফ্রন্ট এন্ড এখনও কন্টেন্ট তৈরি করতে বা সেটিংস পরিবর্তন করতে ক্রিয়েটর/অ্যাডমিনরা ব্যবহার করবেন। কিন্তু ফ্রন্টিটি ভিত্তিক ফ্রন্ট এন্ড ওয়েবসাইটের মূল পৃষ্ঠা হিসেবে ব্যবহার করা হবে।

এইভাবে, একটি ফ্রন্টিটি সেটআপে দুটি সার্ভারের প্রয়োজন হবে: একটি হল ওয়ার্ডপ্রেস সার্ভার, যেটিতে REST API আছে এবং চলছে এবং ওয়ার্ডপ্রেস ডেটা ফেরত দেয় এবং দ্বিতীয়টি হল Node JS সার্ভার যা Frontity চালায় REST API কল করতে এবং প্রতিক্রিয়া ব্যবহার করে ডেটা প্রদর্শন করে .

সামনের পথ?

ওয়ার্ডপ্রেসের পিছনে কোম্পানি 1 মিলিয়ন ইউরো বাড়িয়েছে এবং ওয়ার্ডপ্রেসে একটি সমৃদ্ধ ব্যবহারকারীর অভিজ্ঞতা এনেছে, এটা বললে অত্যুক্তি হবে না যে ফ্রন্টটি আধুনিক সময়ের ওয়ার্ডপ্রেস চালিত ওয়েবসাইটগুলির জন্য এগিয়ে যাওয়ার পথ। ওয়ার্ডপ্রেস UI কন্টেন্ট তৈরির জন্য ড্যাশবোর্ড হিসেবে ব্যবহার করা অব্যাহত থাকবে যখন ডিসপ্লে অংশটি ফ্রন্টিটি সার্ভারে স্থানান্তরিত হবে।

আপনি এখানে ফ্রন্টিটি সম্পর্কে আরও পড়তে পারেন। আপনার যদি একটি ওয়ার্ডপ্রেস ওয়েবসাইট থাকে এবং আপনি ফ্রন্টিটি ব্যবহার করে দেখতে চান, তাহলে আপনি এখানে উল্লিখিত পদক্ষেপগুলি অনুসরণ করতে পারেন।