React.js Deployment
Here is a step-by-step guide on how to deploy your React.js on Cloudinator:
How to Deploy React.js on Cloudinator
Step 1: Sign up for a Cloudinator account
Visit Cloudinator and create a new account or sign in if you already have one.
Step 2: Create a deploy React.js website
From your Cloudinator dashboard, click on 'Create Project' and select 'Frontend' in project type.
Notice!
Make sure you have a workspace containing your project's site. If you don't have one, you can create one now
Step 3: Choose Git Provider
Choose the Git repository that contains your React.js files. You have the option to choose GitHub or GitLab
Step 4: Configure Deployment Settings
Set the following settings for your React.js:
- Project name
- Git URL
- Subdomain name
- Webhook for continuous deployment (optional)
Important!
Cloudinator will deploy your React.js files- using branch main
- Make sure in your React.js project file setup standalone in config file
Step 5: Deploy your site
Click 'Create Frontend Project' to start the deployment process. Cloudinator will automatically build and deploy your site.
Step 6: Access your deployed React.js website
Once deployment is complete, Cloudinator will provide you with a URL to access your live site.
Video Guide
Here is a quick introduction video about Nextjs deployment in cloudinator:
Resource
Here is overview of project structure:
basic-reactjs
View and copy the repository link
Repository Structure
- public
- src
- package.json
- package-lock.json
- README.md