How to configure a root route in ember.js?

@mallory_cormier 

To configure a root route in Ember.js, you need to define it in the router.js file. Here's how you can set up a root route in Ember.js:

1. Open the router.js file located in the /app folder of your Ember project.
2. Define the root route by adding a route definition with the path '/' and specifying the template to render for this route. Here's an example:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

import EmberRouter from '@ember/routing/router';
import config from './config/environment';

const Router = EmberRouter.extend({
  location: config.locationType,
  rootURL: config.rootURL
});

Router.map(function() {
  this.route('dashboard', { path: '/' });
  // Define other routes here
});

export default Router;

In this example, we're defining a root route with the path '/' and specifying the 'dashboard' template to render for this route.

1. Create the corresponding template file for the root route. In this case, you would create a dashboard.hbs file in the /app/templates directory and add the necessary content.

That's it! With these steps, you have configured a root route in Ember.js. When you navigate to the root URL of your application, Ember.js will render the template specified for the root route.