Laravel Packages

Laravel Shared Data Package

Published
Laravel Shared Data Package image

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.

Paul Redmond photo

Staff writer at Laravel News. Full stack web developer and author.

Sponsored

laravelcloud logo
Laravel Cloud

Easily create and manage your servers and deploy your Laravel applications in seconds.

Visit Laravel Cloud

The latest

View all →
Laravel Auditor Audits Your App With Your Own AI Agent image

Laravel Auditor Audits Your App With Your Own AI Agent

Read article
A simple form builder that stays out of your way image

A simple form builder that stays out of your way

Read article
Laravel AI: Trace Agent Runs With Lifecycle Events image

Laravel AI: Trace Agent Runs With Lifecycle Events

Read article
Laravel AI: Get Raw HTTP Responses and Rate Limits image

Laravel AI: Get Raw HTTP Responses and Rate Limits

Read article
Agent Run Observability in Laravel AI SDK 0.11 image

Agent Run Observability in Laravel AI SDK 0.11

Read article
Debounced Queued Event Listeners in Laravel image

Debounced Queued Event Listeners in Laravel

Read article