Comment on page
Quickstart
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.
You can deploy all kinds of frontend apps, including React, Angular, Vue.js, Flutter Web, Pure HTML, Jekyll, Hugo, Svelte, Foundation, etc
First, you have to add the following fields in the
genezio.yaml:genezio.yaml
name: my-project
sdk:
language: ts
path: ../client/src/sdk/
frontend:
path: ../client/build
subdomain: test-domain # not mandatory, we will provide a random one for you
classes:
- path: ./hello.ts
type: jsonrpc
methods: []
Now you have to deploy a frontend project using this command in a folder with
genezio.yaml:genezio deploy --frontend
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.
Last modified 5mo ago