Courses

React.js + Inertia in Laravel 11: From Scratch

Show User Data in Header

Summary of this lesson:
- Share user data via middleware
- Access user information in React
- Display logged-in user details
- Use shared data without props
- Implement global user information

In this short lesson, instead of hard-coded Hi, user, let's show the actual logged-in user.


To show the user, we will use the same concept of sharing data by adding it to the HandleInertiaRequests Middleware. Let's pass only the name and email.

app/Http/Middleware/HandleInertiaRequests.php:

class HandleInertiaRequests extends Middleware
{
// ...
 
public function share(Request $request): array
{
return array_merge(parent::share($request), [
'flash' => [
'message' => fn () => $request->session()->get('message')
],
'user' => [
'name' => $request->user()?->name,
'email' => $request->user()?->email,
],
]);
}
}

Now, we can access these values using...

The full lesson is only for Premium Members.
Want to access all 18 lessons of this course? (57 min read)

You also get:

  • 69 courses (majority in latest Laravel 11)
  • Premium tutorials
  • Access to repositories
  • Private Discord