We can add the below code at the entry point of the extension.
var pageTypeComponent = container.getComponent("PageType");
var model = new Model();
var coursePage = {
name: 'Course Page',
view: coursesView,
routes: ['courses'],
options: { application: container, model: model }
};
var courseDetailPage = {
name: 'Course Details Page',
view: courseDetailView,
routes: ['book-course'],
options: { application: container, model: model }
};
var courseThanksPage = {
name: 'Course ThankYouPage',
view: ThankYouPage,
routes: ['seat-booked'],
options: { application: container, model: model }
};
var coursePaymentPage = {
name: 'Course paymentPage',
view: paymentPageView,
routes: ['payment'],
options: { application: container, model: model }
};
pageTypeComponent.registerPageType(courseThanksPage);
pageTypeComponent.registerPageType(coursePage);
pageTypeComponent.registerPageType(courseDetailPage);
pageTypeComponent.registerPageType(coursePaymentPage);