Call Us: +1-888-227-1645

Deploying Ember CLI Apps with the Lighting Pack


Eric Meyer

2 min read

This is the first in a series on maintaining and deploying Ember.js SPA (single page apps).

We have been using Ember.Js quite a bit over here at Curious Minds. In fact, it’s one of our very favorite front-end frameworks. One of the most important questions we struggled with during our deployment planning was how to create a deployment pipeline that minimized downtime for the client, and allowed us to rollback deployed apps to a previous version. Enter the lightning deployment method.

Watch Luke Melia’s RailsConf presentation for an great overview of the methodology.

If you don’t have a chance to watch the entire video, here is the basic run-down:

The lighting method consists of a few moving parts. One is your compiled Ember app stored on the CDN of your choice, and the second is a web server that will serve up a version of your app’s index page. In our deployment example, the web server also is handling the API requests as well, eliminating those CORS issues. The CDN stores multiple versions of the app, and your app’s index page can be configured to keep track of any number of revisions. Using this deploy method, pushing a new version of your application consists of compiling the app, and waiting until it’s uploaded to your CDN. Once it’s there, you simply instruct the index page to serve one version of the application over the last. If anything goes wrong, simply roll the app back to the last version (it’s still on the CDN). You’re safe, and deploys take almost no time at all.

Of course all of these functions are completely automated by the amazing ember-deploy package. Next up: Configuring ember-deploy for the lightning method.

Let's build something amazing together

Give us a ring and let us know how we can help you reach your goals. Or if you'd like, start a chat. We're usually available 9-5 EST. We try to respond to every inquiry within one business day.

Phone number

Technologies and services we work with:

Laravel Laravel
WordPress WordPress
React ReactJS
EmberJS EmberJS
woocommerce WooCommerce
next.js NextJS
gatsby Gatsby
Shopify Shopify
VueJs VueJS
contentful Contentful
next.js JAMStack
gatsby Laravel Jigsaw
WPEngine WP Engine
Laravel Livewire Laravel Livewire
Netlify Netlify