How to Update a Website Hosted on Bluehost using Filezilla
Today, I’m going to teach you how to update your project files for a website hosted on Bluehost using Filezilla. I’m using ReactJs and VSCode for this project.
Let’s get started:
- Have your project open. Make sure you’ve pushed your latest changes into Github.
2. In the project terminal, open a new terminal window and enter npm run build
3. As soon as that is finished it will look something like this.
Filezilla
4. Open Filezilla and log in(assuming you already have a Filezilla account). You window should look something like this.
5. On the bottom left panel (green) you should be able to see the latest files in the build folder. If you’re unsure, you can simply navigate back once and you’ll see the build file.
7. On the right panel(Orange) navigate to the public_html folder
8. Inside public_html folder, you’re going to delete all the files corresponding to the project you intend to update. In my case I deleted all but one.
9. Select yes on the confirmation message window.
10. Upload the build files (files inside the build folder) by dragging them into the public_html file.
11. Once that is done, refresh your website. If you see an Internal Server Error.
12. Go back to the public_html folder and rename the .htaaccess file to .htaaccess-off.
After this, refresh your site again and you should be able to see the latest changes. Sometimes you’ll have to wait a few minutes or clear your cookies and reopen the website. I typically test on various browsers to ensure the page updated properly.
