.htaccess ফাইল তৈরী
public ফোল্ডারে .htaccess নামে একটি ফাইল তৈরী করি
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>
you can check also below code
# Enable URL rewriting
RewriteEngine On
# Redirect all requests to index.html (for React routing)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^ index.html [L]
# Optional: Set cache control for static files
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/html "access 1 hour"
ExpiresByType image/jpg "access 1 month"
ExpiresByType image/jpeg "access 1 month"
ExpiresByType image/gif "access 1 month"
ExpiresByType image/png "access 1 month"
ExpiresByType text/css "access 1 month"
ExpiresByType application/javascript "access 1 month"
</IfModule>
# Ensure that the server serves index.html for missing files (React routing)
FallbackResource /index.html
আমাদের reactjs এপ্লিকেশন টি বিল্ড করি
প্রজেক্ট ফোল্ডারে npm start করি
npm run buildbuild নামে একটি ফোল্ডার তৈরী হবে যার মধ্যে কিছু html স্ট্যাটিক ফাইল থাকবে
build ফোল্ডারে npm start করি
এই ফোল্ডারে আবার npm রান করে দেখি প্রজেক্ট রান হয় কিনা যদি রান হয় তাহলে আমাদের বিল্ড করা ফাইল আপলোডের জন্য প্রস্তুত।
সিপ্যানেল আপলোড
এবার সিপ্যানেল থেকে ফাইল ম্যানেজার দিয়ে নির্দিষ্ট ডোমেইনের ফোল্ডারে ফাইল গুলো আপলোড করে এক্সট্র্যাক্ট করি এবং প্রজেক্ট দুইটি একটা আরেকটার সাথে সংযোগ হয়েছে কিনা এটা ঠিক করতে হবে।
ব্যাকএন্ড এর সাথে reactjs সংযোগ
আমরা যদি ব্যাকএন্ড এর সাথে সংযোগ করতে চাই তাহলে আমাদের reactjs এপ্লিকেশন এ অবশই host এর ইনফরমেশন থাকবে সেটা ডট env বা জাভাস্ক্রিপ্ট অথবা জেসন ইত্যাদি ফাইলে থাকতে পারে এজন্য আমাদের আগের হোস্ট করা api এর ইউআরএল টি রিএক্ট এর ব্যাকএন্ড হোস্ট হিসাবে সেট করে দেয় তাহলে সমস্ত api রিকোয়েস্ট আমাদের হোস্ট করা api তে দেবে।