Enable or disable pages for your portfolio

Enable or disable pages

Magic Portfolio's RouteGuard component takes care of conditionally rendering pages based on the routes object in the resources/config.js file.

const routes = {
    '/':        true,
    '/about':   true,
    '/work':    true,
    '/blog':    true,
    '/gallery': false,
};

The code above will ensure that the /gallery page is not accessible and is not displayed in the navigation.

Add new pages

When creating a new page, it needs to be added to the routes object in the resources/config.js file.

const routes = {
    '/':        true,
    '/about':   true,
    '/work':    true,
    '/blog':    true,
    '/gallery': false,
    '/music': true,
};

The code above will ensure that the /music page is accessible. Users will be able to navigate to it after adding it to the navigation menu in the components/Header.tsx file.