Hosting a Custom App on Your Own Domain with cPanel

Are you tired of hosting your custom app on a generic subdomain and want to give it a more professional touch by hosting it on your own domain? If so, this tutorial will guide you through the process of hosting your custom app on your own domain using cPanel.

Step 1: Prepare Your App

Before we begin, make sure that your app is ready to be hosted. This includes creating a build folder and uploading the contents to public_html. To do this, navigate to your app's root directory and run `yarn install` to install the updated dependencies. Then, create a new file in the public_html folder and name it according to your app's needs.

Step 2: Log In to cPanel

To access cPanel, you'll need to log in to your hosting provider (Namecheap, GoDaddy, Bluehost, etc.). Once logged in, navigate to the cPanel manager for your domain. You should see a dropdown list of directories; click on the 'Manage' option to direct yourself to cPanel.

Step 3: Upload Your App

In your application's root directory, open up your package.json file and add a 'homepage' attribute like so:

`'homepage': 'https://yourdomain.com'` (replace `yourdomain.com` with your actual domain name)

This will help cPanel recognize your app as the homepage for your domain.

Step 4: Configure FTP Settings

To upload your app to public_html, you'll need to configure your FTP settings. Click on the 'FTP & RDS Server' option in the Site menu, and then click on the 'Edit' button next to your existing site. Enter a name for your site in the 'Name' field if it's new.

Step 5: Connect to Your Hosting Account

To connect to your hosting account, enter your server address (usually your domain name registered with GoDaddy) in the 'FTP Host' field. Then, click on the 'OK' button to save these settings and close the dialog box.

Tips and Tricks

If you buy a domain and hosting plan together from providers like Namecheap or GoDaddy, they will typically point the domain to your hosting server automatically. If not, this tutorial can help you out.

When uploading your app, make sure to upload only the contents of the build folder and not the build folder itself. This is because cPanel will not recognize the build folder as a valid directory.

By following these steps, you should be able to host your custom app on your own domain using cPanel. If you have any issues or questions, feel free to ask!

Godaddy filezilla ftp