ওয়ার্ডপ্রেস

Faust.js, হেডলেস ওয়ার্ডপ্রেসের জন্য ফ্রেমওয়ার্ক

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

হেডলেস ওয়ার্ডপ্রেস প্রথাগত ওয়ার্ডপ্রেসের তুলনায় প্রচুর সুবিধা অফার করে: উন্নত ডেভেলপার অভিজ্ঞতা, স্কেলেবিলিটি, ভালো নিরাপত্তা এবং আরও ভালো পারফরম্যান্স। হেডলেস ওয়ার্ডপ্রেস সাইট তৈরি করার সময় আপনার নিষ্পত্তিতে অনেক সরঞ্জাম রয়েছে। নেক্সট.জেএস, গ্যাটসবি, নক্সট, এবং স্বেল্টকিট-এর মতো বিভিন্ন ফ্রেমওয়ার্ক বেছে নিতে পারেন। 

যদিও এটি নমনীয়তা এবং পছন্দের জন্য চমৎকার, এটি একটি কঠিন কাজ হতে পারে যদি আপনি সমস্ত ফ্রন্ট-এন্ড ফ্রেমওয়ার্ক, লাইব্রেরি, অপ্টিমাইজেশান, স্থাপনা পদ্ধতি ইত্যাদির সাথে ঘনিষ্ঠভাবে পরিচিত না হন। এটি অনেক সমস্যার মধ্যে একটি যা ফাউস্ট সমাধান করে, এবং এটি যেকোনো বিল্ড সার্ভিস এবং ফ্রন্ট-এন্ড হোস্টের সাথে কাজ করে।

হেডলেস ওয়ার্ডপ্রেস তৈরি করার সময় যে বৈশিষ্ট্যগুলি একেবারে প্রয়োজনীয় তার একটি তালিকা নীচে দেওয়া হল:

  • স্ট্যাটিক সাইট জেনারেশন (SSG): আপনি প্রান্তে বিশ্বব্যাপী আপনার বিষয়বস্তু বিতরণ করতে সক্ষম হতে হবে এবং সময়ের আগে স্ট্যাটিক পেজ তৈরি করে ডেলিভারি অপ্টিমাইজ করতে হবে।
  • সার্ভার সাইড রেন্ডারিং (SSR): কখনও কখনও আপনি SSG সুবিধা নিতে পারেন এবং অন্য সময় আপনি পারেন না। SSR এবং SSG (এবং ক্লায়েন্ট সাইড রেন্ডারিং) উভয়ই সম্ভব হওয়া দরকার যাতে আপনি বেছে নিতে পারেন আপনার ব্যবসা এবং অ্যাপ্লিকেশনের জন্য কী অর্থপূর্ণ।
  • সহজ ডেটা আনা: ঐতিহ্যগত ওয়ার্ডপ্রেসের সাথে আপনি জটিল প্রশ্নগুলি না করেই আপনার প্রয়োজনীয় ডেটার প্রাপ্যতা থাকতে অভ্যস্ত। একটি হেডলেস ওয়ার্ডপ্রেস সাইট আলাদা হওয়া উচিত নয়।
  • ন্যূনতম কনফিগারেশন: আপনার বিল্ড কনফিগারেশন এবং প্রোডাকশন অপ্টিমাইজেশানের সাথে বিশৃঙ্খলা না করে আপনার ব্যবসা তৈরিতে সময় ব্যয় করা উচিত।
  • কোর ওয়েব গুরুত্বপূর্ণ: সেরা লাইটহাউস স্কোর পেতে আপনার প্রয়োজনীয় সমস্ত কৌশলগুলির সুবিধা নিতে সক্ষম হওয়া উচিত।
  • প্রকাশনার অভিজ্ঞতা (PX): আপনার সাইট হেডলেস হওয়ার কারণে আপনার প্রকাশকদের UX ত্যাগ করতে হবে না।
  • বিকাশকারীর অভিজ্ঞতা (DX): হেডলেস ওয়ার্ডপ্রেস সাইট তৈরি করা উপভোগ্য হওয়া উচিত। বিকাশকারীদের মনে করা উচিত নয় যে তারা সিস্টেমের বিরুদ্ধে লড়াই করছে, বরং সিস্টেমটি তাদের জন্য কাজ করছে।

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

  • এসএসজি এবং এসএসআর: Faust Next.js এর উপরে তৈরি করা হয়েছে, যা আপনাকে SSG এবং SSR এর সুবিধা নিতে দেয় যা ইতিমধ্যে Next.js-এর সাথে উপলব্ধ
  • গ্রাফকিউএল: Faust একটি ব্লিডিং-এজ GraphQL ক্লায়েন্ট ব্যবহার করে যা আপনাকে ওয়ার্ডপ্রেস WPGraphQL এপিআই জিজ্ঞাসা করতে দেয়, সময়ের আগে গ্রাফকিউএল প্রশ্নগুলি না জেনেও। প্রথমবার যখন আপনি এটিকে অ্যাকশনে দেখেন তখন এটি জাদুর মতো অনুভূত হয় এবং ফাউস্ট হল এই ধরনের কার্যকারিতা প্রদানকারী প্রথম কাঠামো। একটি GraphQL ক্যোয়ারী আবার লিখতে চিন্তা করবেন না!
  • বিষয়বস্তুর পূর্বরূপ: হেডলেস ওয়ার্ডপ্রেসের জন্য ধারাবাহিকভাবে কাজ করা প্রিভিউ পেতে একটি সংগ্রাম হয়েছে। Faust এই সমস্যার সমাধান করে তাই আপনাকে কিছু নিয়ে চিন্তা করতে হবে না।
  • প্রমাণীকরণ: আপনার ওয়ার্ডপ্রেস ব্যাকএন্ডের সাথে প্রমাণীকরণের জন্য ফাউস্টের অন্তর্নির্মিত প্রক্রিয়া রয়েছে যাতে আপনি সহজেই গেটেড সামগ্রী, ইকমার্স অভিজ্ঞতা তৈরি করতে বা অন্যান্য প্রমাণীকৃত অনুরোধ করতে পারেন।
  • প্রতিক্রিয়া: ওয়ার্ডপ্রেস মূল DX এর অংশগুলিতে প্রতিক্রিয়া ব্যবহার করে। Faust জিনিসগুলিকে আরও এক ধাপ এগিয়ে নিয়ে যায় যা আপনাকে সর্বাধিক জনপ্রিয় ফ্রন্টএন্ড লাইব্রেরি ব্যবহার করে আপনার সম্পূর্ণ ফ্রন্টএন্ড তৈরি করতে দেয়।
  • প্রতিক্রিয়া হুক: Faust হল আপনার ওয়ার্ডপ্রেস এপিআই-এর একটি প্রাকৃতিক এক্সটেনশন কারণ এটি ওয়ার্ডপ্রেস থেকে ডেটা পাওয়াকে অবিশ্বাস্যভাবে সহজবোধ্য করে তোলে।
  • কাস্টম পোস্ট প্রকার: অনন্য উপায়ের কারণে Faust আপনাকে ডেটা আনতে সাহায্য করে, আপনার ওয়ার্ডপ্রেস সাইটে কাস্টম পোস্ট টাইপ যোগ করা এবং তারপর ফ্রন্টএন্ডে সেগুলি অ্যাক্সেস করা তুচ্ছ।
  • নমনীয়তা: Faust যখন Next.js এবং React ব্যবহার করার সময় সবচেয়ে ভালো কাজ করে, আপনি যদি অন্যান্য টুল যেমন Gatsby, Nuxt এবং SvelteKit ব্যবহার করতে চান তাহলে আপনি সেটা করতে পারেন!

ফাউস্ট ইতিমধ্যেই ব্যবহারে রয়েছে এবং সম্প্রদায়টি ক্রমবর্ধমান

Faust বর্তমানে GitHub-এ 300 টির বেশি তারকা এবং 19 জন অবদানকারী এবং NPM-এ 150 টির বেশি সাপ্তাহিক ডাউনলোড রয়েছে৷ অনেক সাইট ইতিমধ্যে উৎপাদনে Faust ব্যবহার করছে। আমরা সেই সমস্ত প্রারম্ভিক গ্রহণকারীদের (আমি আপনাদের সকলকে @wpengine/হেডলেস অ্যাডপ্টারদেরও দেখছি) আপনাকে অনেক ধন্যবাদ জানাতে চাই যারা বাগ শনাক্ত করার, বৈশিষ্ট্যগুলির অনুরোধ করার এবং সাধারণত ফাউস্টকে কী তৈরি করতে আমাদের সাহায্য করার পথে আমাদের সাথে ছিলেন এটা আজ!

ফাউস্টের তিনটি গাইডিং নীতি

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

হ্যাকাথনটি ছিল মাত্র একদিন, কিন্তু যখন আমরা এটিকে WP ইঞ্জিনের বাকি অংশে প্রদর্শন করেছি তখন আমরা কোম্পানির মধ্যে থাকা লোকজনের কাছ থেকে প্রচুর ইতিবাচক প্রতিক্রিয়া এবং প্রশ্ন পেয়েছি। বেশিরভাগ প্রশ্নই একটি সাধারণ থিম শেয়ার করেছে—প্রকাশনার অভিজ্ঞতা ঐতিহ্যগত ওয়ার্ডপ্রেসের অনুকরণ করে তা নিশ্চিত করতে হেডলেস ওয়ার্ডপ্রেসের সাথে আমরা আর কী করতে পারি?

হ্যাকাথন থেকে আমরা একটি ফ্রেমওয়ার্ক একত্রিত করার পথে নেমেছি যা তিনটি মূল নীতি মাথায় রেখে হেডলেস ওয়ার্ডপ্রেস সাইট তৈরি করা সহজ করে তোলে:

  1. আমরা গতানুগতিক ওয়ার্ডপ্রেসের সাথে সামঞ্জস্যপূর্ণ একটি প্রকাশনার অভিজ্ঞতা অর্জনের চেষ্টা করব। বিষয়বস্তু প্রকাশ করার সময় আপনার সাইটটি একটি ঐতিহ্যবাহী সাইট বা মাথাবিহীন সাইট কিনা তা আপনার জানা উচিত নয়৷
  2. ওয়ার্ডপ্রেস ডাটা স্টোর এবং কন্টেন্ট ডেলিভারি ইঞ্জিন হওয়া উচিত এবং যতটা সম্ভব, আমাদের ফ্রন্টএন্ডকে উপস্থাপনা নির্ধারণ করার অনুমতি দেওয়া উচিত।
  3. বিকাশকারীর অভিজ্ঞতা একজন প্রথম শ্রেণীর নাগরিক। এর অর্থ হল খোলা জায়গায় বিকাশ করা, ব্যবহার করা স্বাভাবিক মনে হয় এমন বৈশিষ্ট্যগুলি প্রদানের উপর ফোকাস করা এবং পুঙ্খানুপুঙ্খ, সামঞ্জস্যপূর্ণ এবং আপ-টু-ডেট ডকুমেন্টেশন বজায় রাখা।

সামনে কি আছে?

Faust ইতিমধ্যেই একটি হেডলেস ওয়ার্ডপ্রেস সাইট তৈরি করার সময় আপনার মুখোমুখি হওয়া অনেক চ্যালেঞ্জের সমাধান করে। তবে কাজটি করা হয় না। Faust সবে শুরু হচ্ছে. সামনের রাস্তাটি দ্রুত বর্ধনশীল সম্প্রদায়ের দ্বারা প্রশস্ত করা হবে।

আপনি কিভাবে Faust বিবর্তিত করা উচিত মনে করেন? আমাদের কি আরও লাইব্রেরি, ফ্রেমওয়ার্ক এবং টুলের জন্য সমর্থন যোগ করা উচিত? আমাদের কি মাথাবিহীন অবস্থায় গুটেনবার্গ ব্লক ব্যবহার করার অভিজ্ঞতা উন্নত করতে কাজ করা উচিত? আমরা আপনাকে আমাদের GitHub সংগ্রহস্থলে যেতে, এটিকে তারকাচিহ্নিত করতে, এটি দেখতে এবং এমনকি একটি সমস্যা বা PR আকারে অবদান রাখতে উত্সাহিত করি! এছাড়াও faustjs.org, Faust-এর জন্য নিবেদিত একটি সাইট দেখুন। সেখানে আপনি একটি টিউটোরিয়াল, কিভাবে করতে হবে নির্দেশিকা এবং রেফারেন্স ডকুমেন্টেশন সহ আমাদের সমস্ত ডকুমেন্টেশন পাবেন। হেডলেস ওয়ার্ডপ্রেস সম্প্রদায়ের জন্য আপনাকে আমাদের ডিসকর্ড সার্ভারে যোগ দিতে হবে!

সম্পরকিত প্রবন্ধ

답글 남기기

이메일 주소는 공개되지 않습니다.

শীর্ষ বোতামে ফিরে যান