Firebase Hosting Setup Complete Issue

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

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

২. এরপরে 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)** এরপরে স্পেস বাটনে ক্লিক করে সিলেক্ট করেন`

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

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

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

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

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

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

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

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