Pages

Intro

  • This file contains the page configuration for the application.
  • Here you can set the sections that will be displayed on each page.
  • This sections will be displayed in the order they are defined.

In the file @config/pages.ts you can set the config of the pages

Example

The next example is the default configuration

export default {
    
    index: {
        _meta: {
            layout: 'core'
        },
        _sections: [
            { id: 'header', component: 'PageHeader' },
            { id: 'hero', component: 'SectionHero' },
            { id: 'story', component: 'SectionContent' },
            { id: 'features', component: 'SectionFeatures' },
            { id: 'testimonials', component: 'SectionTestimonials' },
            { id: 'cta', component: 'SectionCta' },
            { id: 'pricing', component: 'SectionPricing' },
            { id: 'faqs', component: 'SectionFaq' },
            { id: 'footer', component: 'PageFooter' }
        ]
    },
    auth: {
        _login: {
            _meta: {
                layout: 'core',
                page: 'private',
                auth: {
                    unauthenticatedOnly: true,
                    navigateAuthenticatedTo: '/dashboard'
                }
            },
            _sections: [
                { id: 'login', component: 'SectionLogin' }
            ]
        }
    }
}

Usage

Index

The sections that will be displayed on the index page.

Meta

Sections

Table of Contents