Application Root

driver.js

import {Application, View} from 'backbone.marionette';
import _ from 'underscore';

// If you use a navbar or panel
import {NavView} from './views/nav';
// Your home page
import {IndexView} from './views/index';


const RootView = View.extend({
  template: _.template('<nav id="nav-hook"></nav><div id="body-hook"></div>'),
  
  regions: {
    nav: '#nav-hook',
    main: '#body-hook'
  },
  
  onRender() {
    this.showChildView('nav', new NavView());
    this.showChildView('main', new IndexView());
  }
});


const App = Application.extend({
  region: '#root', // Your <div> identifier from before
  
  onStart() {
    this.showView(new RootView());
  }
});

const app = new App();
app.start();