সিপ্যানেল এ React Application হোস্ট করার পূর্বে আমাদেরকে Localhost থেকে এপ্লিকেশন build করে নিতে হবে। এপ্লিকেশন build হয়ে গেলে আমাদেরকে Localhost এ আগে টেস্ট করে দেখতে হবে। এপ্লিকেশনটি ঠিকমতো লাইভ হয়ে থাকলে নিচের স্টেপ ফলো করে সিপ্যানেল এ হোস্ট করতে পারবেন।
১। এপ্লিকেশন build করার পর আপনার এপ্লিকেশনের মিনিমালিস্ট ভার্সন build ফোল্ডারে জেনারেট হয়ে যাবে।
২। এখন Localhost এর File Manager এ যেখানে আমাদের এপ্লিকেশনটি রয়েছে সেখানে থেকে আমাদেরকে build ফোল্ডার কমপ্রেস বা জিপ (build.zip) করে নিতে হবে।
৩। এখন bulid.zip ফাইল আপনার ডোমেইন বা সাবডোমেইন এ আপলোড করার জন্য সেই ডোমেইন বা সাবডোমেইন ডিরেক্টরিতে যেতে হবে এবং Upload অপশনে ক্লিক করার পর এরকম একটা ইন্টারফেস দেখতে পারবেন। এখানে আপনাকে Localhost থেকে bulid.zip ফাইল সিলেক্ট করে আপলোড করে নিতে হবে। 100% আপলোড হয়ে গেলে, একদম নিচে থাকা Go Back অপশনে ক্লিক করে ডোমেইন বা সাবডোমেইন ডিরেক্টরিতে যেতে হবে।
৪। এখন build.zip ফাইল unzip করার জন্য ফাইল সিলেক্ট করে মাউসের রাইট বাটনে ক্লিক করলে নিচের একশন উইন্ডো দেখতে পারবেন এবং Extract অপশনে ক্লিক করতে হবে।
৫। Extract অপশনে ক্লিক করার পর এরকম একটা উইন্ডো দেখতে পারবেন। এখানে কোথায় ফাইলটি unzip হবে সেই লোকেশন সিলেক্ট করে দিতে হবে এবং Extract Files বাটনে ক্লিক করতে হবে।
৬। এখন build ফোল্ডার থেকে সমস্ত কিছু ডোমেইন বা সাবডোমেইন এর মেইন ডিরেক্টরিতে নিয়ে যেতে হবে। এজন্য build ফোল্ডারে যেতে হবে এবং উপরের থাকা একশন মেনু থেকে Select All অপশনে ক্লিক করতে হবে।
৭। Select All করার পর মাউসের রাইট বাটনে ক্লিক করতে হবে এবং একশন উইন্ডো থেকে Move অপশনে ক্লিক করতে হবে।
৮। Move অপশনে ক্লিক করার পর সমস্ত কিছু ডোমেইন বা সাবডোমেইন এর মেইন ডিরেক্টরিতে নিয়ে যেতে ইনপুট ফিল্ড থেকে /build রিমুভ করতে হবে এবং Move files বাটনে ক্লিক করতে হবে।
৯। আপনার React এপ্লিকেশনটি যদি ক্লায়েন্ট সাইট রাউটিং (রিয়্যাক্ট রাউটিং) করা থাকে তাহলে সরাসরি ডোমেইন বা সাবডোমেইন URL এ রান করতে বামপাশে উপরের +File অপশনে ক্লিক করতে হবে এবং New File Name: ফিল্ডে .htaccess লিখে Create New File বাটনে ক্লিক করতে হবে।
১০। এখন .htaccess ফাইল সিলেক্ট করে মাউসের রাইট বাটনে ক্লিক করতে হবে এবং একশন উইন্ডো থেকে Edit অপশনে ক্লিক করতে হবে।
১১। Edit অপশনে ক্লিক করার পর Text Editor এ নিচের কোডগুলো বসিয়ে Save Change বাটনে ক্লিক করতে হবে।
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]
</IfModule>
১২। উপরের সমস্ত প্রসেস ঠিকমতো কমপ্লিট হয়ে গেলে আপনার ডোমেইন বা সাবডোমেইন এর URL টি দিয়ে ব্রাউজারে ভিজিট করতে হবে। ওয়াও!! আমাদের React এপ্লিকেশনটি লাইভ হয়েছে।
আশা করছি, আপনার React এপ্লিকেশনটিও লাইভ হয়েছে। তবে কোন কারণে যদি আপনার এপ্লিকেশনটি এখনো লাইভ না হয়ে থাকে তাহলে আমাদের সাপোর্টে যোগাযোগ করে এই বিষয়ে সহযোগিতা নিতে পারবেন। আপনার জন্য শুভকামনা।