Firebase হোস্টিং দিয়ে শুরু করুন

Firebase Hosting আপনার অ্যাপের স্ট্যাটিক অ্যাসেট (HTML, CSS, JavaScript, মিডিয়া ফাইল ইত্যাদি) হোস্ট করার পাশাপাশি ডাইনামিক কন্টেন্ট পরিবেশন এবং মাইক্রোসার্ভিস হোস্ট করার জন্য একটি দ্রুত, নিরাপদ ও নির্ভরযোগ্য উপায় প্রদান করে।

আমাদের প্রোডাকশন-গ্রেড হোস্টিং একটি গ্লোবাল কন্টেন্ট ডেলিভারি নেটওয়ার্ক (CDN) দ্বারা সমর্থিত। Hosting ডিফল্টরূপে SSL-এর মাধ্যমে আপনার কন্টেন্ট পরিবেশন করে এবং এটি web.app ও firebaseapp.com এ আপনার নিজস্ব কাস্টম ডোমেইন বা আপনার প্রোজেক্টের সাবডোমেইনগুলোতে কোনো খরচ ছাড়াই ব্যবহার করা যেতে পারে।




এআই সহায়তার জন্য, নিচের প্রম্পটটি আপনার এআই কোডিং এজেন্টে (যেমন Antigravity , ক্লড কোড, কোডেক্স এবং কার্সর) কপি করুন। আপনি প্রম্পটটি কাস্টমাইজ করতে এবং আপনার এজেন্টের সাথে পুনরাবৃত্তি করতে পারেন। বিস্তারিত ইনস্টলেশন তথ্যের জন্য ফায়ারবেস এজেন্ট স্কিলস দেখুন।

Help me use Firebase in my app.
1. Make sure that **Firebase agent skills** are installed and updated. For Claude Code, Codex, or Cursor agents, help me install the Firebase plugin. For other agents, run `npx skills add firebase/agent-skills`.  Always try to use **Firebase agent skills** for Firebase-related tasks.
2. Help me use Firebase to host my web app. Set up my app to use Firebase, and then deploy my app.

শুরু করার আগে

Firebase Hosting সেট আপ করার আগে, আপনাকে একটি ফায়ারবেস প্রজেক্ট তৈরি করতে হবে।

ধাপ ১ : Firebase CLI ইনস্টল করুন

সিএলআই কীভাবে ইনস্টল করতে হয় বা এর সর্বশেষ সংস্করণে কীভাবে আপডেট করতে হয়, তা জানতে Firebase সিএলআই ডকুমেন্টেশন দেখুন।

ধাপ ২ : আপনার প্রজেক্টটি শুরু করুন

আপনার লোকাল প্রজেক্ট ফাইলগুলোকে ফায়ারবেস প্রজেক্টের সাথে সংযুক্ত করতে, আপনার লোকাল প্রজেক্ট ডিরেক্টরির রুট থেকে নিম্নলিখিত কমান্ডটি চালান:

firebase init hosting

প্রজেক্ট ইনিশিয়ালাইজেশনের সময়, Firebase CLI প্রম্পট থেকে:

  1. আপনার স্থানীয় প্রজেক্ট ডিরেক্টরির সাথে সংযোগ করতে একটি ফায়ারবেস প্রজেক্ট নির্বাচন করুন।

    নির্বাচিত ফায়ারবেস প্রজেক্টটি আপনার লোকাল প্রজেক্ট ডিরেক্টরির জন্য আপনার 'ডিফল্ট' ফায়ারবেস প্রজেক্ট। আপনার লোকাল প্রজেক্ট ডিরেক্টরিতে অতিরিক্ত ফায়ারবেস প্রজেক্ট সংযোগ করতে, প্রজেক্ট অ্যালিয়াস সেট আপ করুন।

  2. আপনার পাবলিক রুট ডিরেক্টরি হিসেবে ব্যবহার করার জন্য একটি ডিরেক্টরি নির্দিষ্ট করুন।

    এই ডিরেক্টরিতে আপনার সর্বজনীনভাবে পরিবেশিত সমস্ত স্ট্যাটিক ফাইল রয়েছে, যার মধ্যে আপনার index.html ফাইল এবং Firebase Hosting এ স্থাপন করতে চান এমন অন্য যেকোনো অ্যাসেটও অন্তর্ভুক্ত।

    • স্ট্যাটিক অ্যাপস : আপনি যদি একটি স্ট্যাটিক অ্যাপ ডেপ্লয় করেন:

      • পাবলিক রুট ডিরেক্টরির ডিফল্ট নাম হলো public ।

      • আপনি আপনার পাবলিক রুট ডিরেক্টরি এখন নির্দিষ্ট করতে পারেন অথবা পরে আপনার firebase.json কনফিগারেশন ফাইলে তা নির্দিষ্ট করতে পারেন।

      • আপনি যদি ডিফল্টটি নির্বাচন করেন এবং আপনার public নামের কোনো ডিরেক্টরি আগে থেকে না থাকে, তাহলে Firebase আপনার জন্য সেটি তৈরি করে দেয়।

      • আপনার পাবলিক রুট ডিরেক্টরিতে যদি আগে থেকেই একটি বৈধ index.html ফাইল বা 404.html ফাইল না থাকে, তাহলে Firebase আপনার জন্য সেগুলি তৈরি করে দেয়।

    • App Hosting বেছে নিন : যদি CLI, Next.js বা Angular Universal-এর মতো কোনো SSR ওয়েব ফ্রেমওয়ার্কের ফিচার শনাক্ত করে, তবে এটি পরিবর্তে Firebase App Hosting চালু করার সুপারিশ করতে পারে। ফুল-স্ট্যাক ফ্রেমওয়ার্ক অ্যাপের জন্য App Hosting হলো প্রস্তাবিত ডেপ্লয়মেন্ট সমাধান। আপনি App Hosting সেটআপ নিয়ে এগিয়ে যেতে পারেন অথবা শুধুমাত্র স্ট্যাটিক ডেপ্লয়ের জন্য Hosting (ক্লাসিক) ব্যবহার চালিয়ে যেতে পারেন।

  3. আপনার সাইটের জন্য একটি কনফিগারেশন বেছে নিন।

    আপনি যদি এক-পৃষ্ঠার অ্যাপ তৈরি করতে নির্বাচন করেন, তাহলে Firebase স্বয়ংক্রিয়ভাবে আপনার জন্য রিরাইট কনফিগারেশন যোগ করে দেয়।

প্রারম্ভিককরণের শেষে, Firebase স্বয়ংক্রিয়ভাবে আপনার স্থানীয় অ্যাপ ডিরেক্টরির রুটে দুটি ফাইল তৈরি করে যোগ করে:

ধাপ ৩ : আপনার সাইটে স্থাপন করুন

আপনার সাইটে ডেপ্লয় করতে, আপনার লোকাল প্রজেক্ট ডিরেক্টরির রুট থেকে নিম্নলিখিত কমান্ডটি চালান:

firebase deploy --only hosting

এই কমান্ডটি আপনার Hosting কন্টেন্ট এবং কনফিগারেশন নিম্নলিখিত ফায়ারবেস-প্রোভিশন করা সাবডোমেইনগুলিতে ডেপ্লয় করে:

  • PROJECT_ID .web.app
  • PROJECT_ID .firebaseapp.com

আপনার সাইট ডেপ্লয় এবং স্থানীয়ভাবে পরীক্ষা করা সম্পর্কে আরও জানুন।

পরবর্তী পদক্ষেপ

এখন আপনার সাইটটি সারা বিশ্বের সাথে শেয়ার করার জন্য প্রস্তুত!