Backbone Marionette Routing - marionette

Question

I'm traying to migrate my app with Backbone Marionette but I have an error in the routing:
window.App = new Backbone.Marionette.Application
Models: {}
Collections: {}
Views:
Layouts: {}
Routers: {}
layouts: {}
Helpers: {}
init: ->
App.start()
App.main.show(App.layouts.main)
App.addRegions
main: '#container'
App.addInitializer (options) ->
new App.Routers.Profiles()
Backbone.history.start()
$(document).ready ->
App.init()
This is my Router
class App.Routers.Profiles extends Backbone.Marionette.AppRouter
routes:
'profiles/:id': 'show'
show: (id) ->
#profile = new App.Models.Profile(id: id)
view = new App.Views.ProfilesShow(model: #profile)
#profiles = new App.Collections.Profiles(#profile)
#profile.fetch()
App.layout.content.show(view)
This is my View
class App.Views.ProfilesShow extends Backbone.Marionette.ItemView
template: JST['profiles/show']
initialize: ->
#model.on('change', #render, #)
render: ->
$(#el).html(#template(profile: #model))
#
This is my Main Layout
class App.Views.Layouts.Main extends Backbone.Marionette.Layout
template: JST['layouts/main']
regions:
content: '#content'
App.addInitializer ->
App.layouts.main = new App.Views.Layouts.Main()
When I try to show the View in the Layout in the line App.layout.content.show(view), I have a message error: "TypeError: App.layout is undefined". I don't know if I'm doing a good practice.

Answer 1

I found the solution. I hope is the better
The main changes are in the router, I had to add a controller, so the new router is
class App.Routers.Profiles extends Backbone.Marionette.AppRouter
appRoutes:
'profiles': 'index'
'profiles/new': 'new'
'profiles/:id': 'show'
class App.Controllers.Profiles
constructor: ->
#collection = new App.Collections.Profiles()
#collection.fetch()
App.layouts.main = new App.Views.Layouts.Main()
show: (id) ->
profile = #collection.get(id)
view = new App.Views.ProfilesShow(model: profile)
App.main.show(App.layouts.main)
App.layouts.main.content.show(view)
And the new App Init is:
window.App = new Backbone.Marionette.Application
Models: {}
Collections: {}
Views:
Layouts: {}
Routers: {}
layouts: {}
Helpers: {}
Controllers: {}
init: ->
App.start()
App.addInitializer (options) ->
App.addRegions(main: '#container')
controller = new App.Controllers.Profiles
new App.Routers.Profiles(controller: controller)
Backbone.history.start()
$(document).ready ->
App.init()