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

গিটহাব রিপোজিটরিতে আগে থেকে একটি Next.js বা Angular অ্যাপ (Next.js ভার্সন 13.5.x+ বা Angular 18.2.x+) থাকলে, App Hosting শুরু করা খুবই সহজ। এর জন্য শুধু একটি App Hosting ব্যাকএন্ড তৈরি করতে হবে এবং তারপর আপনার লাইভ ব্রাঞ্চে একটি পুশ দিয়ে রোলআউট শুরু করতে হবে। যদি আপনার কোনো অ্যাপ না থাকে, তাহলে এই গাইডে বর্ণিত ধাপগুলো অনুসরণ করতে আমাদের স্যাম্পল অ্যাপগুলোর একটি ব্যবহার করুন।

এআই সহায়তার জন্য, নিচের প্রম্পটটি আপনার এআই কোডিং এজেন্টে (যেমন 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 কনসোলে App Hosting সেট আপ করতে হয়, যাতে গিটহাব রিপোজিটরিতে প্রতিবার একটি নতুন কমিট করা হলে অ্যাপটি স্বয়ংক্রিয়ভাবে ডেপ্লয় হয়। এই প্রক্রিয়াটি শেষে আপনার কাছে একটি লাইভ Next.js বা Angular উদাহরণ অ্যাপ থাকবে, যা আপনার গিটহাব রিপোজিটরির main শাখায় প্রতিবার একটি নতুন পরিবর্তন কমিট করার সাথে সাথে পুনরায় ডেপ্লয় হবে।

যদিও এই নির্দেশিকাটি প্রস্তাবিত Firebase কনসোল পদ্ধতির উপর আলোকপাত করে, তবুও ডিপ্লয় করার অন্যান্য উপায়ও রয়েছে, যার মধ্যে গিটহাব সংযোগ ছাড়াই Firebase সিএলআই ব্যবহার করে স্থানীয় কোড ডিপ্লয় করা অন্যতম।

ধাপ ১: ডেমো রিপোজিটরিটি ফর্ক করুন

https://github.com/firebase/apphosting-adapters-এ যান এবং Fork নির্বাচন করুন।

ধাপ ২: একটি App Hosting ব্যাকএন্ড তৈরি করুন

  1. Firebase কনসোলে, Hosting & Serverless > App Hosting- এ যান।

  2. শুরু করতে ক্লিক করুন।

  3. অনুরোধ করা হলে, App Hosting ব্যবহার করার জন্য পে-অ্যাজ-ইউ-গো ব্লেজ প্রাইসিং প্ল্যানে আপগ্রেড করুন।

অ্যাপ হোস্টিং ব্যাকএন্ড সেটআপের একটি স্ক্রিনশট।

এই ধাপগুলো সম্পন্ন করতে নির্দেশাবলী অনুসরণ করুন:

  • একটি প্রাথমিক অঞ্চল নির্বাচন করুন (সাধারণত আপনার ব্যবহারকারীদের সবচেয়ে কাছের অঞ্চল)।
  • গিটহাবে সংযোগ করুন। firebase-framework-tools রিপোজিটরিটি ফোর্ক করে আপনি এইমাত্র যে রিপোজিটরিটি তৈরি করেছেন, সেটি বেছে নিন।
  • আপনার অ্যাপের রুট ডিরেক্টরি নিম্নলিখিতগুলির মধ্যে একটিতে সেট করুন:
  • লাইভ ব্রাঞ্চটিকে প্রধান হিসেবে সেট করুন।
  • স্বয়ংক্রিয় রোলআউট সক্রিয় করুন (স্বয়ংক্রিয় রোলআউট ডিফল্টরূপে সক্রিয় থাকে)।
  • আপনার ব্যাকএন্ডের একটি নাম নির্ধারণ করুন।
  • আপনার রানটাইম এনভায়রনমেন্ট নির্বাচন করুন। ডিফল্টরূপে, আপনার জন্য সর্বাধুনিক প্রস্তাবিত Node.js সংস্করণটি আগে থেকেই নির্বাচন করা থাকে।
    • স্বয়ংক্রিয় বেস ইমেজ আপডেট (ABIU) কনফিগার করুন। ABIU ডিফল্টরূপে সক্রিয় থাকে এবং স্বয়ংক্রিয়ভাবে আপনার অন্তর্নিহিত পরিবেশে নিরাপত্তা প্যাচ প্রয়োগ করে। আপনার রানটাইমের জন্য "নির্দিষ্ট করা হয়নি" নির্বাচন করে আপনি ABIU নিষ্ক্রিয় করতে পারেন।
  • একটি নতুন ফায়ারবেস ওয়েব অ্যাপ তৈরি করুন।

সমাপ্তি নির্বাচন করুন এবং স্থাপন করুন ।

ধাপ ৩: ডেপ্লয় করা অ্যাপটি দেখুন

আপনি যখন একটি ব্যাকএন্ড তৈরি করেন, তখন Firebase আপনাকে একটি বিনামূল্যের সাবডোমেইন দেয়, যেখানে ব্যবহারকারীরা আপনার ওয়েব অ্যাপটি ভিজিট করতে পারেন। এর ফরম্যাটটি হলো backend-id -- project-id .us-central1.hosted.app ।

আপনার ব্যাকএন্ডের ড্যাশবোর্ডে থাকা 'ব্যাকএন্ড তথ্য' সারিতে, আপনার নতুন ওয়েবসাইটটি দেখার জন্য লাইভ ব্যাকএন্ডের লিঙ্কটি নির্বাচন করুন:

লাইভ অ্যাপ লিঙ্কসহ ব্যাকএন্ড তথ্য সারির একটি স্ক্রিনশট বিশেষভাবে চিহ্নিত করা হয়েছে।

ধাপ ৪: কোনো পরিবর্তন পুশ করে রোলআউট শুরু করুন।

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

  1. ডেমো গিটহাব রিপোজিটরির আপনার ফর্কে, ডেমো অ্যাপের হোম পেজের সোর্সে যান, আপনার পছন্দমতো যেকোনো পরিবর্তন করুন এবং তারপর আপনার পরিবর্তনটি মেইন ব্রাঞ্চে পুশ করুন। আপনার হোম পেজ খুঁজে পেতে:

    • Next.js: /starters/nextjs/basic/src/app/page.tsx
    • অ্যাঙ্গুলার: /starters/angular/basic/src/app/pages/home/home.component.html

  2. আপনার নতুন পরিবর্তনটি প্রোডাকশনে রোল আউট হওয়ার সাথে সাথে Firebase কনসোলে App Hosting পর্যবেক্ষণ করুন। রোল আউট সম্পূর্ণ হলে, আপনি অ্যাপটির হোম পেজে আপনার পরিবর্তনটি দেখতে পারবেন।

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