A Laravel Nova package that adds a notification feed in your Nova app.

1.4.0 2020-03-20 15:08 UTC

This package is auto-updated.

Last update: 2020-10-05 00:45:21 UTC


Latest Version on Packagist Quality Score Total Downloads

A Laravel Nova package that adds a notification feed in your Nova app and uses Laravel Echo and websockets to receive and broadcast notifications.


You can install the package into a Laravel app that uses Nova via composer:

composer require coreproc/nova-notification-feed

This package makes use of Laravel's database notification feature and Nova Echo to receive and broadcast notifications.

By using Nova Echo, we have a readily configured Laravel Echo instance in our JS.

Here are the suggested options for broadcasting/receiving using websockets:

Make sure that you already have any of these options set up and prepare your Laravel project to use it for broadcasting notifications.

You can find instructions about broadcasting in Laravel using the official documentation.

Follow the docs, make sure to run the following to get the notifications table if you have not done so already:

php artisan notifications:table

php artisan migrate

Before broadcasting any events, you will first need to register the App\Providers\BroadcastServiceProvider. In fresh Laravel applications, you only need to uncomment this provider in the providers array of your config/app.php configuration file. This provider will allow you to register the broadcast authorization routes and callbacks.

Make sure that you configure the correct environment variables in your .env file:



You will also need to ensure that you have added an authorization broadcast route in routes/channels.php:

Broadcast::channel('App.User.{id}', function ($user, $id) {
    return (int)$user->id === (int)$id;

Receiving notifications will depend on your User model having the Notifiable trait. You can add the receivesBroadcastNotificationsOn to use a different channel name instead of the user model's namespace.

class User extends Authenticatable
    use Notifiable;


     * The channels the user receives notification broadcasts on.
     * @return string
    public function receivesBroadcastNotificationsOn()
        return 'users.' . $this->id;

Finally, once you have ensured that this is set up, you will also need to override Nova's layout.blade.php. Create a layout file in resources/views/vendor/nova/layout.blade.php and copy the contents from vendor/laravel/nova/resources/views/layout.blade.php.

Add these two lines to the layout template:

// file: resources/views/vendor/nova/layout.blade.php

<!DOCTYPE html>
<html lang="en" class="h-full font-sans antialiased">
  <meta charset="utf-8">
  <meta name="viewport" content="width=1280">
  <meta name="csrf-token" content="{{ csrf_token() }}">

  @include('nova-echo::meta') <!-- INCLUDE THIS LINE HERE -->



  <dropdown class="ml-auto h-9 flex items-center dropdown-right">

  @include('nova_notification_feed::notification_feed') <!-- AND THIS LINE HERE -->


You should now be able to see the notification bell on the top right of your Nova UI.


To broadcast notifications to your notification feed in the Nova app, you can make a notification class that sends notifications via database and broadcast. Here is an example notification class:

use Coreproc\NovaNotificationFeed\Notifications\NovaBroadcastMessage;
use Illuminate\Bus\Queueable;
use Illuminate\Notifications\Messages\BroadcastMessage;
use Illuminate\Notifications\Notification;

class TestNotification extends Notification
    use Queueable;

    protected $level = 'info';
    protected $message = '';

     * Create a new notification instance.
     * @param $level
     * @param $message
    public function __construct($level, $message = 'Test message')
        $this->level = $level;
        $this->message = $message;

     * Get the notification's delivery channels.
     * @param  mixed $notifiable
     * @return array
    public function via($notifiable)
        return [

     * Get the array representation of the notification.
     * @param  mixed $notifiable
     * @return array
    public function toArray($notifiable)
        return [
            'level' => $this->level,
            'message' => $this->message,
            'url' => '',
            'target' => '_self'

     * Get the broadcastable representation of the notification.
     * @param  mixed $notifiable
     * @return BroadcastMessage
    public function toBroadcast($notifiable)
        return new NovaBroadcastMessage($this->toArray($notifiable));

Nova Notification Feed relies on having three variables passed in the toArray() method of the notification class: level, message, and url, and an optional target (default: '_blank').

Additionally, you can use the NovaBroadcastMessage class in the toBroadcast() method to ensure that the format of the broadcast can be read by the frontend.


  • Differentiate background color of a new notification
  • Check if the URL is an JSON representation of a route { name: 'index', params: {} }
  • Better design?


Please see CHANGELOG for more information on what has changed recently.


Please see CONTRIBUTING for details.


If you discover any security-related issues, please email instead of using the issue tracker.


About CoreProc

CoreProc is a software development company that provides software development services to startups, digital/ad agencies, and enterprises.

Learn more about us on our website.


The MIT License (MIT). Please see License File for more information.