Skip to main content

Frontend Deployment

Genezio's frontend deployment offers a simple and cost-effective way to host and serve static websites. It leverages Amazon S3 in combination with CloudFront CDN (Content Delivery Network) to ensure fast and reliable content delivery to users across the globe. In this documentation, we will explore the key features, benefits, and steps involved in deploying your frontend applications using genezio.

tip

You can deploy all kinds of frontend apps, including React, Angular, Vue.js, Flutter Web, Pure HTML, Jekyll, Hugo, Svelte, Foundation, etc

Deploy the frontend project

First, you have to add the following fields in the genezio.yaml:

genezio.yaml
name: my-project
region: us-east-1
frontend:
path: ./client/build
subdomain: my-project-subdomain # if not provided, a random one will be generated by default

Now you have to deploy a frontend project using this command in a folder with genezio.yaml:

genezio deploy --frontend

You can start with a project from our examples.

If you don't provide a subdomain in your genezio.yaml config file, a random one will be provided for you. More information about this can be found on Yaml Configuration File Page.

After the deployment succeeds, you can go to the genezio's dashboard and you will have a frontend tab in your project page where you can see all the information about your frontend deployment.

Once your deployment is successful, you can conveniently access comprehensive information about your frontend deployment through the genezio dashboard. Within your project page, you will find a dedicated "Frontend" tab, providing you with valuable insights and details regarding your deployed frontend application.

Next Steps

Check out how you can set up a custom-domain-configuration.