DEV Community

Cover image for Firebase Hosting Setup Complete Issue
ismailjosim
ismailjosim

Posted on

1

Firebase Hosting Setup Complete Issue

আপনার ফায়ারবেজ ওয়েবসাইট হোস্ট করার পরে যদি উপরের ইমেজের মতো ইস্যু দেখায় তাহলে নিচের স্টেপগুলো ফলো করেনঃ

১. প্রথমে কিছু ফাইল এবং ফোল্ডার ডিলিট করে দিবেনঃ .firebaserc, .firebase (folder), dist(folder), firebase.json
Image description

২. এরপরে firebase init কমান্ড দিয়ে নিচের স্টেপগুলো ফলো করেনঃ

1. `Are you ready to proceed? (Y/n)` 👉 Y

2. `কী-বোর্ডের down-arrow প্রেস করে **(Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys)** এরপরে স্পেস বাটনে ক্লিক করে সিলেক্ট করেন`
Enter fullscreen mode Exit fullscreen mode

Image description

  1. Use an existing project: আপনার React এ্যাপের জন্য যে প্রজেক্টটি ফায়ারবেজে বানিয়েছেন সেটা সিলেক্ট করেন

Image description

  1. What do you want to use as your public directory?👉 dist/build

এখানে আপনি যদি vite ব্যবহার করেন তাহলে আপনার build ফোল্ডারের নাম হবে dist আর যদি CRA অথবা yarn ব্যবহার করেন তাহলে আপনার build ফোল্ডারের নাম হবে build.

  1. Configure as a single-page app (rewrite all urls to /index.html)? (y/N) 👉 Y

  2. Set up automatic builds and deploys with GitHub? (y/N) 👉 N

  3. File build/index.html already exists. Overwrite?👉 Y

Image description

Image description

উপরে কমেন্টগুলো দেওয়ার পর আপনার প্রজেক্টে কয়েকটা ফাইল এবং ফোল্ডার এড হবে এবং আপনার টার্মিনালটা পরের কমান্ড দেওয়ার জন্য রেডি হবে।

৩। এই পর্যায়ে আপনার প্রজেক্টটা বিল করতে হবে তার জন্য npm run build দিয়ে Enter key প্রেস করেন।

Image description

৪। সর্বশেষে ফায়ারবেজে ডিপ্লয় করার জন্য firebase deploy কমান্ড দিয়ে Enter প্রেস করেন।

Image description

ডেপ্লয় শেষ হয়ে গেলে আপনাকে দুইটা লিংক প্রোভাইড করা হবে তার মধ্যে থেকে Hosting URL লিংকটা ওপেন করে চেক করেন।

যদি দেখেন একই দেখাচ্ছে তাহলে CTRL + SHIFT + R প্রেস করে আপনার ব্রাউজারের ট্যাব টাকে একটা হার্ড রিলোড দেন। সাধারণত উপরের প্রসেসটা ফলো করলে ফিক্স হয়ে যাবে। তবে মাঝেমধ্যে দুই থেকে পাঁচ মিনিটের মতো সময় নিতে পারে। এক্ষেত্রে দুই থেকে পাঁচ মিনিট অপেক্ষা করেন এর পরে আবার চেক করেন।

---------------------------- The End -----------------------------

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more