Nova Page Manager

outl1ne/nova-page-manager image

Nova Page Manager stats

Downloads
21.5K
Stars
167
Open Issues
9
Forks
35

View on GitHub →

Page(s) and region(s) manager for Laravel Nova.

Nova Page Manager

This Laravel Nova package allows you to create and manage pages and regions for your frontend application.

Requirements

- PHP >=8.0
- laravel/nova ^4.13

Features

  • Page and region management w/ custom fields
  • Multiple locale support

Screenshots

Installation

Install the package in a Laravel Nova project via Composer and run migrations:

# Install package
composer require outl1ne/nova-page-manager
 
# Run automatically loaded migrations
php artisan migrate

Publish the nova-page-manager configuration file and edit it to your preference:

php artisan vendor:publish --provider="Outl1ne\PageManager\NPMServiceProvider" --tag="config"

Register the tool with Nova in the tools() method of the NovaServiceProvider:

// in app/Providers/NovaServiceProvider.php
 
public function tools()
{
return [
// ...
new \Outl1ne\PageManager\PageManager()
->withSeoFields(fn () => []), // Optional
];
}

Usage

Creating templates

Templates can be created using the following Artisan command:

php artisan npm:template {className}

This will ask you a few additional details and will create a base template in App\Nova\Templates.

The base template exposes a few overrideable functions:

// Name displayed in CMS
public function name(Request $request)
{
return parent::name($request);
}
 
// Fields displayed in CMS
public function fields(Request $request): array
{
return [];
}
 
// Resolve data for serialization
public function resolve($page): array
{
// Modify data as you please (ie turn ID-s into models)
return $page->data;
}
 
// Page only
// Optional suffix to the route (ie {blogPostName})
public function pathSuffix() {
return null;
}

Registering templates

All your templates have to be registered in the config/nova-page-manager.php file.

// in /config/nova-page-manager.php
 
// ...
'templates' => [
'pages' => [
'home-page' => [
'class' => '\App\Nova\Templates\HomePageTemplate',
'unique' => true, // Whether more than one page can be created with this template
],
],
'regions' => [
'header' => [
'class' => '\App\Nova\Templates\HeaderRegionTemplate',
'unique' => true,
],
],
],
// ...

Defining locales

The locales are defined in the config file.

// in /config/nova-page-manager.php
 
// ...
'locales' => [
'en' => 'English',
'et' => 'Estonian',
],
 
// OR
 
'locales' => function () {
return Locale::all()->pluck('name', 'key');
},
 
// or if you wish to cache the configuration, pass a function name instead:
 
'locales' => NPMConfiguration::class . '::locales',
// ...

Add links to front-end pages

To display a link to the actual page next to the slug, add or overwrite the closure in config/nova-page-manager.php for the key base_url.

// in /config/nova-page-manager.php
 
'base_url' => 'https://webshop.com', // Will add slugs to the end to make the URLs
 
// OR
 
'base_url' => function ($page) {
return env('FRONTEND_URL') . '/' . $page->path;
},

Overwriting models and resources

You can overwrite the page/region models or resources, just set the new classes in the config file.

Advanced usage

Non-translatable panels

There's some cases where it's more sensible to translate sub-fields of a panel instead of the whole panel. This is possible, but is considered an "advanced usecase" as the feature is really new and experimental, also the developer experience of it is questionable.

You can create a non-translatable panel like so:

// In your PageTemplate class
 
public function fields() {
return [
Panel::make('Some panel', [
Text::make('Somethingsomething'),
Text::make('Sub-translatable', 'subtranslatable')
->translatable(),
])
->translatable(false),
];
}

This will create a key with __ in the page data object. This means that the page data will end up looking something like this:

[
'__' => [
'somethingsomething' => 'your value',
'subtranslatable' => [
'en' => 'eng value',
'et' => 'et value'
]
],
'en' => [],
'et' => [],
]

Helper functions

Helper functions can be found in the Outl1ne\PageManager\Helpers\NPMHelpers class.

NPMHelpers::getPagesStructure()

Calls resolve() on their template class and returns all pages as a tree where child pages are nested inside the children array key recursively.

NPMHelpers::getPages()

Calls resolve() on their template class and returns all pages. Returns an array of arrays.

NPMHelpers::getRegions()

Calls resolve() on their template class and returns all regions. Returns an array of arrays.

NPMHelpers::getPageByTemplate($templateSlug)

Finds a single page by its template slug (from the config file), calls resolve() on its template class and returns it.

NPMHelpers::getPagesByTemplate($templateSlug)

Same as getPageByTemplate, but returns an array of pages.

NPMHelpers::formatPage($page)

Calls resolve() on the page's template class and returns the page as an array.

NPMHelpers::formatRegion($region)

Calls resolve() on the region's template class and returns the region as an array.

Localization

The translation file(s) can be published by using the following command:

php artisan vendor:publish --provider="Outl1ne\PageManager\ToolServiceProvider" --tag="translations"

You can add your translations to resources/lang/vendor/nova-page-manager/ by creating a new translations file with the locale name (ie et.json) and copying the JSON from the existing en.json.

Credits

License

Nova page manager is open-sourced software licensed under the MIT license.

outl1ne photo

Digital product agency based in Tallinn, Estonia.

Cube

Laravel Newsletter

Join 40k+ other developers and never miss out on new tips, tutorials, and more.


Outl1Ne Nova Page Manager Related Articles

The Certification of Competence for Laravel logo

The Certification of Competence for Laravel

A community-driven, proctored assessment across 4 levels designed to validate real-world Laravel knowledge, from Junior to mastery-level Artisan. Official Vue.js, Official Nuxt, Angular, React, JS certifications also available.

The Certification of Competence for Laravel
PhpStorm logo

PhpStorm

The go-to PHP IDE with extensive out-of-the-box support for Laravel and its ecosystem.

PhpStorm
No Compromises logo

No Compromises

Joel and Aaron, the two seasoned devs from the No Compromises podcast, are now available to hire for your Laravel project. ⬧ Flat rate of $9500/mo. ⬧ No lengthy sales process. ⬧ No contracts. ⬧ 100% money back guarantee.

No Compromises
Typesense Search logo

Typesense Search

Typesense is an open source, blazing-fast search engine, optimized for helping you build delightful search experiences for your sites and apps. Natively integrated with Laravel Scout.

Typesense Search
Curotec logo

Curotec

World class Laravel experts with GenAI dev skills. LATAM-based, embedded engineers that ship fast, communicate clearly, and elevate your product. No bloat, no BS.

Curotec
Lucky Media logo

Lucky Media

Get Lucky Now - the ideal choice for Laravel Development, with over a decade of experience!

Lucky Media