MarionetteJS Example - Static View

index.html

<div id="main-region">
    <p>This is static</p>
</div>
<script type="text/template" id="static-template">
    <p> This is a text rendered by our Marionette App. </p>
</script>

script.js

app = new Marionette.Application();

app.addRegions({
    mainRegion: '#main-region'
});

app.StaticView = Marionette.ItemView.extend({
    template: '#static-template'
});

app.on('start', function () {
    var staticView = new app.StaticView();
    app.mainRegion.show(staticView);
});

$(function () {
    app.start();
});

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.marionette/2.4.2/backbone.marionette.min.js"></script>