Create a build and deploy
#
To Create an optimized production build and deploy, follow these steps:#
1. Navigate to the Dashboard:- From the sidebar menu, click on "Site."
![Site-deployment](/assets/images/siteb1-4b177b937b9740d93f751d8592d1a772.png)
#
2. Create a New Site:- Click on
+ New site
![Site-deployment](/assets/images/siteb2-88f09048ff8598b9557ec31c753c89ae.png)
On the right side, you can see options to select the framework. Currently, we support:
React
Angular
Vite
Vue.js
Remix
Ember.js
Click on the framework that your source code is based on.
![Site-deployment](/assets/images/sitewb1-d1bce1b049cbd8df9463a867900238b6.png)
#
3. Choose Organization:- Select the organization where you want to deploy the website.
![Site-deployment](/assets/images/sitewb2-6b094de98f980204ecc6bef600ac4749.png)
#
4. Deployment Options:- Choose between:
- Source Code Deployment: Upload your source code from your local device.
![Site-deployment](/assets/images/sitewb3-39aba7cc0f0140d14eed47a4a59fc711.png)
- GitHub Deployment: Provide the repository link and branch name. After entering the branch name and repo link, click on
Done
![Site-deployment](/assets/images/sitewb4-f2ff6b6faf982b78d6900a18621b3648.png)
#
5. Configuration:- Environment Variables: If your project requires environment variables, add them here.
- Select Install Command: Enter the command used to install your project's software dependencies.
- Build Command: Enter the command provided by your frontend framework for compiling your code.
- Output Directory: Specify the directory where your compiled frontend will be located.
![Site-deployment](/assets/images/sitewb5-3c69af8361899169a3ebf553e95fb6e8.png)
#
6. Deploy Site:- Click on the
Deploy site
button to initiate the deployment process.
![Site-deployment](/assets/images/sitewb5-3c69af8361899169a3ebf553e95fb6e8.png)
#
7. After Deployment:- Once the deployment process is complete, click on the application to view its details.
![Site-deployment](/assets/images/sitewb6-ab152712467d7bb66c0e2c0e5f5c69e7.png)
- Click on
Open Site
to visit your website and verify the deployment.
![Site-deployment](/assets/images/sitewb7-1e067ec36bd67186df37078721501a3e.png)
#
8. Custom-Domain Option:- Below the application details, you'll find the custom domain option.
- Click on that option to access the link where you can map your domain to the deployed website.
![Site-deployment](/assets/images/sitewb8-404387dad7e5554556b161fdc1254e0b.png)