Firebase-এ একটি ওয়েবসাইট স্থাপন করা এবং এটি বিনামূল্যে ব্যবহার করা: একটি গাইড

কিছুক্ষণ আগে, আমি শিরোনাম একটি পোস্ট লিখেছিলাম কিভাবে ওয়েবসাইট পারফরম্যান্স স্কোর 35 থেকে 100 পর্যন্ত উন্নত করবেন । " সেই পোস্টে, আমি আপনাকে প্রতিশ্রুতি দিয়েছিলাম যে কিভাবে Firebase-এ আপনার প্রোজেক্ট স্থাপন করতে হয় এবং এটি বিনামূল্যে ব্যবহার করতে হয়। আমি আমার প্রতিশ্রুতি রক্ষা করছি!

ফায়ারবেস কি?

সম্ভবত, আপনার মধ্যে কেউ কেউ এখনও Firebase এর সাথে পরিচিত নন, তাই আমি আপনাকে সংক্ষেপে ব্যাখ্যা করি এটি কী।

ফায়ারবেস একটি মোবাইল এবং ওয়েব অ্যাপ্লিকেশন ডেভেলপমেন্ট প্ল্যাটফর্ম যা ডেভেলপারদের তাদের অ্যাপ্লিকেশনগুলিকে আরও সহজে তৈরি এবং স্কেল করতে সহায়তা করার জন্য সরঞ্জাম এবং পরিষেবাগুলির একটি সেট সরবরাহ করে৷

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

সামগ্রিকভাবে, ফায়ারবেস ডেভেলপমেন্ট প্রক্রিয়াকে সহজ করে এবং ডেভেলপারদের দ্রুত উচ্চ-মানের অ্যাপ্লিকেশন তৈরি করতে সক্ষম করে।

আজ, আমরা আমাদের Next.JS প্রোজেক্ট সংরক্ষণ করতে এর 'হোস্টিং' বৈশিষ্ট্যটি ব্যবহার করব। এই উদাহরণে, আমি আপনাকে দেখাব কিভাবে আপনার প্রকল্পের স্ট্যাটিক সংস্করণ হোস্ট করতে হয়। প্রথমে আপনাকে যা করতে হবে তা হল একটি অ্যাকাউন্ট নিবন্ধন করা।

ফায়ারবেসের একটি অ্যাকাউন্ট কীভাবে নিবন্ধন করবেন

Firebase এ একটি অ্যাকাউন্ট নিবন্ধন করতে, খুলুন https://firebase.google.com/ , এবং "শুরু করুন" এ ক্লিক করুন।

পরে, আপনাকে একটি Google অ্যাকাউন্ট তৈরি করতে হবে বা একটি বিদ্যমান একটি ব্যবহার করতে হবে৷ একবার আপনি প্রথম ধাপটি সম্পন্ন করলে, আপনি Firebase কন্ট্রোল প্যানেলে অবতরণ করবেন। পরবর্তী ধাপ একটি প্রকল্প তৈরি করা হয়.

কিভাবে ফায়ারবেসে একটি প্রজেক্ট তৈরি করবেন

একটি প্রকল্প তৈরি করতে, আপনাকে 3টি সহজ পদক্ষেপ করতে হবে:

1. "প্রজেক্ট যোগ করুন" এ ক্লিক করুন এবং নতুন উইন্ডোতে এটির একটি নাম দিন।

2. প্রকল্পের জন্য Google Analytics কার্যকারিতা সক্ষম বা অক্ষম করুন এবং "প্রকল্প তৈরি করুন" এ ক্লিক করুন

কয়েক মিনিট পরে, আপনার প্রকল্প তৈরি করা হবে।

কিভাবে বিনামূল্যে ফায়ারবেস ব্যবহার করবেন

একবার আপনি একটি প্রকল্প তৈরি করলে, আপনি এটি আপনার ড্যাশবোর্ডে দেখতে সক্ষম হবেন৷ ডিফল্টরূপে, আপনি স্পার্ক প্ল্যানে থাকবেন। আপনি না হলে, আপনাকে এটিকে স্পার্ক প্ল্যানে পরিবর্তন করতে হবে।

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

পরিকল্পনার সম্পূর্ণ বিবরণ দেখতে, দয়া করে এখানে যান লিঙ্ক .

Firebase হোস্টিং সেট আপ করার সময়।

কিভাবে ফায়ারবেস হোস্টিং সেট আপ করবেন

Firebase হোস্টিং সেট আপ করাও বেশ সহজ। আপনার অ্যাকাউন্টে লগ ইন করুন, এবং আপনার প্রকল্প নির্বাচন করুন. তারপর, বাম মেনুতে, "বিল্ড" এ ক্লিক করুন এবং ড্রপডাউন থেকে "হোস্টিং" নির্বাচন করুন।

নতুন উইন্ডোতে, আপনি একটি স্বাগত পর্দা দেখতে পাবেন। "শুরু করুন" এ ক্লিক করুন।

আপনার প্রোজেক্ট হোস্ট করতে, আপনাকে প্রথমে Firebase CLI সেট আপ করতে হবে।

আপনার টার্মিনাল উইন্ডো খুলুন, এবং নিম্নলিখিত কমান্ড লিখুন:

 npm install -g firebase-tools

সেটআপ শেষ হয়ে গেলে, আপনার টার্মিনালে নিম্নলিখিতটি টাইপ করুন:

 firebase login

অ্যাক্সেস অনুমোদন করতে এটি আপনাকে লগইন স্ক্রিনে নিয়ে যাবে।

পরবর্তী ধাপ হল টার্মিনাল উইন্ডোর ভিতরে আপনার প্রোজেক্ট ফোল্ডারে নেভিগেট করা, যেখানে আপনি আপনার স্ট্যাটিক ওয়েবসাইটটি সংরক্ষণ করেছেন।

নিম্নলিখিত কমান্ড চালান:

 firebase init

আপনি যদি সবকিছু সঠিকভাবে করে থাকেন তবে আপনার টার্মিনাল উইন্ডোতে আপনাকে নিম্নলিখিতটি দেখতে হবে।

বিকল্পগুলির তালিকায়, "হোস্টিং: Firebase হোস্টিংয়ের জন্য ফাইলগুলি কনফিগার করুন এবং (ঐচ্ছিকভাবে) GitHub অ্যাকশন স্থাপনা সেট আপ করুন" নির্বাচন করুন৷ নেভিগেট করতে আপনার কীবোর্ডের তীর কীগুলি ব্যবহার করুন, নির্বাচন করতে স্পেস টিপুন এবং তারপর এন্টার টিপুন।

এরপরে, তালিকা থেকে একটি অ্যাকাউন্ট নির্বাচন করুন এবং এন্টার টিপুন।

যেহেতু আমাদের ইতিমধ্যে একটি প্রকল্প আছে, তালিকা থেকে "একটি বিদ্যমান প্রকল্প ব্যবহার করুন" নির্বাচন করুন এবং পূর্ববর্তী ধাপে আপনার তৈরি করা প্রকল্পটি চয়ন করুন৷

ডিফল্টরূপে, সর্বজনীন ডিরেক্টরি "পাবলিক" এ সেট করা থাকে। আপনি যদি অন্য ডিরেক্টরি নির্দিষ্ট করতে চান, আপনি পরবর্তী ধাপে তা করতে পারেন। উদাহরণস্বরূপ, আমার Next.js প্রজেক্ট 'আউট' ডিরেক্টরিতে ওয়েবসাইটের একটি স্ট্যাটিক সংস্করণ তৈরি করে, তাই আমি এই ধাপে এটি উল্লেখ করছি।

শেষ দুটি কনফিগারেশন প্রশ্ন আপনার ওয়েবসাইট সেটিংস সম্পর্কে হবে.

• "একক-পৃষ্ঠার অ্যাপ হিসাবে কনফিগার করুন (সকল URL গুলিকে /index.html এ পুনরায় লিখুন)" - হ্যাঁ

• "গিটহাবের সাথে স্বয়ংক্রিয় বিল্ড এবং স্থাপনা সেট আপ করবেন?" - না

আমরা সেটআপ শেষ. এখন, আমাদের প্রকল্পটি ফায়ারবেসে স্থাপন করার সময়।

ফায়ারবেসে ওয়েবসাইটটি কীভাবে স্থাপন করবেন

আপনি সমস্ত কনফিগারেশন সম্পন্ন করার পরে, আপনি Firebase হোস্টিং-এ আপনার ওয়েবসাইট স্থাপন করতে পারেন।

টার্মিনাল উইন্ডোতে, আপনার প্রকল্প ডিরেক্টরির ভিতরে, নিম্নলিখিত কমান্ডটি প্রবেশ করান:

 firebase deploy --only hosting

সবকিছু ঠিকঠাক থাকলে, আপনি আপনার ওয়েবসাইট অ্যাক্সেস করতে ব্যবহার করতে পারেন এমন URL দেখতে পাবেন।

আমি আশা করি আপনি এই নিবন্ধটি দরকারী খুঁজে পেয়েছেন! পরেরটিতে, আমি আপনাকে দেখাব কিভাবে আপনার ফায়ারবেস প্রকল্পের জন্য একটি কাস্টম ডোমেন নাম সেট আপ করতে হয়।

সাথে থাকুন!

এছাড়াও এখানে প্রকাশিত