Skip to main content

Ember

Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich user interfaces that work on any device.

tip

Get started in no time with the Ember template.

Deployment

Learn how to deploy an existing Ember app using Genezio, a serverless deployment platform that simplifies app management and reduces costs.

Prerequisites​

1. Install genezio​

Use your preferred package manager to install Genezio:

npm install genezio -g

2. Start from an existing Ember template​

Create an Ember app using the following steps:

Create an Ember App

1. Fork our Ember template repository on GitHub

Go to https://github.com/Genez-io/ember-getting-started/fork and fork the repo.

2. Clone the newly created repository locally 

git clone YOUR_REPO_URL
cd ember-getting-started

3. Run the Ember App locally

Run the following command to start the Ember.js app locally:

ember serve

4. Test the Ember App locally

Open a web browser and navigate to http://localhost:4200/ to see the app running.

Create the Genezio Configuration File​

Now, create a genezio.yaml file in the root directory of your project.

This file will contain the configuration needed to deploy your backend using Genezio. Here is an example configuration.

info
  1. This example configuration works if genezio.yaml is in the same directory as your main application file.
  2. You might need to replace the publish directory value if it is different in your project.
genezio.yaml
# Learn more about Genezio YAML at https://genezio.com/docs/project-structure/genezio-configuration-file/
name: genezio-project
region: us-east-1
yamlVersion: 2
frontend:
    path: .
    publish: dist
    scripts:
        deploy:
            - npm install
        build:
            - npm run build
        start:
            - npm install
            - npm run start

This configuration file specifies the project name, deployment region, and details about the frontend.

Deploy the app​

In your terminal run the following command to deploy your app to the Genezio cloud:

genezio deploy

You should now see 2 URLs in the terminal window with the following format:

$ App Dashboard URL: https://app.genez.io/project/<project-id>/<stage-id>
$ Frontend URL: https://<subdomain>.app.genez.io

Next Steps​

After setting up the template, here are some recommended next steps:

Support ​

We invite you to join our community on Discord for further information and help.

Happy Learning!