অ্যাপ হোস্টিং ব্যবহার করা শুরু করা

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

AI-এর থেকে সহায়তা পেতে, নিচের প্রম্পটটি আপনার AI কোডিং এজেন্টে (যেমন Antigravity, Claude Code, Codex ও Cursor) কপি করুন। আপনি প্রম্পট কাস্টমাইজ করতে এবং আপনার এজেন্টের সাথে আইটারেট করতে পারবেন। ইনস্টলেশন সংক্রান্ত বিস্তারিত তথ্যের জন্য Firebase এজেন্ট সংক্রান্ত দক্ষতা দেখুন। 

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

যদিও এই নির্দেশিকাটি সাজেস্ট করা Firebase কনসোল ফ্লোতে ফোকাস করে, তবে ডেপ্লয় করার অন্যান্য উপায় আছে, যার মধ্যে GitHub কানেকশন ছাড়াই লোকাল কোড ডেপ্লয় করতে Firebase CLI ব্যবহার করা অন্তর্ভুক্ত।

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

https://github.com/firebase/apphosting-adapters লিঙ্কে যান এবং Fork বেছে নিন।

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

  1. Firebase কনসোলে, হোস্টিং ও সার্ভারলেস > App Hosting বিকল্পে নেভিগেট করুন।

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

  3. প্রম্পট করা হলে, App Hosting ব্যবহার করতে যখন ব্যবহার করবেন তখন পেমেন্ট করুন Blaze প্রাইসিং প্ল্যানে আপগ্রেড করুন।

App Hosting ব্যাকএন্ড সেট-আপের স্ক্রিনশট।

এইসব ধাপ সম্পূর্ণ করতে প্রম্পট অনুসরণ করুন:

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

শেষ করুন ও ডিপ্লয় করুন বিকল্প বেছে নিন।

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

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

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

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

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

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

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

    • Next.js: /starters/nextjs/basic/src/app/page.tsx
    • Angular: /starters/angular/basic/src/app/pages/home/home.component.html

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

পরবর্তী ধাপ