Laravel Shared Data Package

January 17, 2020 / Paul Redmond

Share data from your backend in JavaScript with Laravel Shared Data by Coderello. The API for this package is simple:

// Facade
SharedData::put([
    'post' => Post::first(),
    'app' => [
        'name' => config('app.name'),
        'environment' => config('app.env'),
    ],
]);

// Helper
share([
    'post' => Post::first(),
    'app' => [
        'name' => config('app.name'),
        'environment' => config('app.env'),
    ],
]);

Which outputs data to JavaScript:

window.sharedData = {
    post: {
        content: "...",
        created_at: "...",
        // ...
    },
    app: { /* ... */ }
}

To output the configured JavaScript, add the @shared directive to your views:

<html>
<head>
  @shared
</head>
</html>

If you want to configure the JavaScript object, you can publish and change the configuration:

<?php

return ['js_namespace' => 'myCustomObjectName'];

This package has documentation available to help you get started, and you can view the source code on GitHub at coderello/laravel-shared-data.

Filed in: News / packages

Laravel Shared Data Package

Newsletter

Show your support of Laravel News with an official t-shirt!

Laravel Jobs

Learn Tailwind CSS and master everything from components to complete designs

Setup Your Local Environment for Open Source Package Contributions

Laravel Zip Content Validator