How to deploy an Ember app with Netlify
Once you have your Ember application all set up with all the styling, it's time to deploy. You can do this via Netlify, but before that, you have to make it ready for production. You can do that by following these steps:
1. Make the app ready for deployment
To do this, you'll want to run the command: ember build --environment=production
. This build command will bundle up all of the code that makes your application: JavaScript, CSS, images, fonts, and everything else.
The --environment
flag will then create an optimized package that you can upload to a web host like Netlify. Once this command runs, you will find all the minified files in your app's dist/
folder.
2. Show the web server how to handle URLs
Next, you will want to tell Netlify how to handle your application's URLs. You can do this in two ways:
Create a file in your
public
folder called_redirects
. You'll then add/* /index.html 200
to the first line of this file and save it. This will tell the server to redirect all pages toindex.html
.Use an Ember add-on by installing
ember-cli-netlify
and use that to handle your URLs.
Once you have this setup, you can then go into Netlify, click on your preferred Git provider, choose the source code, and deploy.
Hope that's helpful! Thank you for reading. :)
Subscribe to my newsletter
Read articles from Debbie Otuagomah directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by
Debbie Otuagomah
Debbie Otuagomah
Hi! I'm Debbie and I'm currently building an array of frontend engineering skills by learning in public. Here's where I write helpful notes about everything JavaScript for my future self.