1. Home
  2. Cpanel Deploy
  3. Nodejs
  4. Reactjs

Reactjs

.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 build

build নামে একটি ফোল্ডার তৈরী হবে যার মধ্যে কিছু html স্ট্যাটিক ফাইল থাকবে

build ফোল্ডারে npm start করি

এই ফোল্ডারে আবার npm রান করে দেখি প্রজেক্ট রান হয় কিনা যদি রান হয় তাহলে আমাদের বিল্ড করা ফাইল আপলোডের জন্য প্রস্তুত।

সিপ্যানেল আপলোড

এবার সিপ্যানেল থেকে ফাইল ম্যানেজার দিয়ে নির্দিষ্ট ডোমেইনের ফোল্ডারে ফাইল গুলো আপলোড করে এক্সট্র্যাক্ট করি এবং প্রজেক্ট দুইটি একটা আরেকটার সাথে সংযোগ হয়েছে কিনা এটা ঠিক করতে হবে।

ব্যাকএন্ড এর সাথে reactjs সংযোগ

আমরা যদি ব্যাকএন্ড এর সাথে সংযোগ করতে চাই তাহলে আমাদের reactjs এপ্লিকেশন এ অবশই host এর ইনফরমেশন থাকবে সেটা ডট env বা জাভাস্ক্রিপ্ট অথবা জেসন ইত্যাদি ফাইলে থাকতে পারে এজন্য আমাদের আগের হোস্ট করা api এর ইউআরএল টি রিএক্ট এর ব্যাকএন্ড হোস্ট হিসাবে সেট করে দেয় তাহলে সমস্ত api রিকোয়েস্ট আমাদের হোস্ট করা api তে দেবে।

How can we help?