Laravel Shared Data provides an easy way to share the data from your backend to the JavaScript.
-
Install the package:
composer require coderello/laravel-shared-data
-
Include the
@shared
directive into your blade layout before all scripts. -
Share the data from within Laravel:
share(['user' => $user, 'title' => $title]);
-
Access the data from the JavaScript directly:
const user = window.sharedData.user; const title = window.sharedData.title;
-
Or using the built-it global helper:
const user = shared('user'); const title = shared('title');
Laravel Shared Data is open-sourced software licensed under the MIT license.