তো এর আগের পোস্ট এ ওয়েবসাইট তো তৈরি করেছিলাম তবে Database এবং বাকি কিছু সেট আপ করা হয়নি যেটা এই পোস্ট এ করবো। তাহলেই ওয়েবসাইট সম্পূর্ণ কাজ করবে এবং সাথে Api ও! তো চলুন শুরু করা যাক!

এর আগের পোস্ট না দেখলে দেখে আসুন।

বাকি সেটআপঃ

• Firebase সেটআপ
• Website Environment সেটআপ
• Website Password এবং Private Page সেটআপ

Firebase সেট আপঃ

তো প্রথমে এটিতে যান!

তারপর নতুন করে একটি প্রোজেক্ট তৈরি করতে এখানে ক্লিক করুন! (Desktop মোড করে নিবেন মোবাইলে ব্যবহার করলে)!

এখানে একটি নাম এবং এখানে টিক মার্ক দিন! দিয়ে এখানে ক্লিক করুন!

এখন নিচের মতো করুন!

এখন এখানে Bangladesh সিলেক্ট করে নিচের মতো করুন!

এখন কিছুক্ষণ অপেক্ষা করুন!

এখন Continue এ ক্লিক করুন!

এখন Sidebar এ Build এ ক্লিক করে Realtime Database তে ক্লিক করুন!

এখন Create Database তে ক্লিক করুন!

এখন যেটা সার্ভার আছে সেটাই থাক চাইলে বদলাতে পারেন! তারপর এটিতে ক্লিক করুন!

এখন এটিতে ক্লিক করুন!

এখন, Rules এ ক্লিক করুন!

এখানে যে Rules গুলো আছে সেগুলো কেটে দিন!

এখন নিচের Rules গুলো কপি করে এখানে বসিয়ে Published করুন!

{
  "rules": {
    "apiKeys": {
      ".read": true,
      ".write": true
    },
    "usage": {
      ".read": true,
      ".write": true
    },
    "requests": {
      ".read": true,
      ".write": true
    }
  }
}

তো এটি বসানো হলে এখন আবার Data তে Back আসুন আর এটিতে ক্লিক করে Database url কপি করে নিন!

তো Firebase সেটআপ করা শেষ এখন ওয়েবসাইট এর সেটআপ!

ওয়েবসাইট এর সেটআপঃ

তো প্রথমে Vercel এর সেই Project এ যান যেটাতে Website Deployed করা আছে! সেটিং এ যান!

এটিতে ক্লিক করুন!

এখন এখানে,
FIREBASE_DATABASE_URL এটি দিয়ে ওই Firebase database Url টা Value তে দিন!
WEBSITE_PASSWORD ওয়েবসাইট পাসওয়ার্ড!
PRIVATE_PAGE_PASSWORD এটা সেই পেজ এর পাসওয়ার্ড /generate-key এটিতে যে আনলিমিডেট সময় এর Api key নেওয়া যায়!

Save করার পর Redeploy করলেই কিছুটা সময় পর সব কাজ শুরু করবে!

তো এই ছিলো ওয়েবসাইট। এই পোস্ট এই পর্যন্তই।