D24 Media

Deploy React Apps on Directadmin

Deploy React Apps on Directadmin
08 Nov 2024 10:00 AM EST

Benefit of Directadmin

DirectAdmin, a popular web hosting control panel. Deploying a React app on DirectAdmin offers a simple and cost-effective way to host your application on a reliable server. With DirectAdmin's intuitive control panel, you can easily manage domain settings, file uploads, and databases. It provides full control over your hosting environment, making it an ideal choice for deploying and managing React apps without complex configurations. It is simple and can be done in a few straightforward steps. Here's how you can do it yourself:

What You need

  • Directadmin Hosting Panel (Legacy or Plus)
  • Build version of React App
  • Node v12 and above
  • Access to Directadmin Control Panel

Here's are the steps to deplay React on Directadmin:

  1. On your local pc in vscode build you app with npm run dev
  2. Go to your app directory and zip all the files.
  3. Login to your directadmin hosting panel
  4. Access the terminal if you have one and enter node -v make sure you have node installed
  5. Assuming you have any versions of node installed if not go here I will have an article now to install node in directadmin
  6. Find File Manager and then upload the zip files and extract it to your /public_html directory.
  7. Go to your browser and enter the web address you should see the app live.
  8. It is that simple with directadmin.