Building Realtime Web Apps with Laravel, Nuxt 3 and Reverb

Using the power of Laravel Reverb, let’s build a real-time post-timeline application with Laravel 11, Nuxt, Sanctum, and Reverb.

Projects Roadmap and Status:

[Uploaded] A Guide to Setting Up Laravel with Nuxt and Reverb

[Uploaded] A Guide to Setting Up Laravel with Nuxt and Reverb

In this section, we’ll explore the foundations of Laravel and Nuxt by setting up both the backend and frontend projects.

Topics covered include:

• Setting up Laravel Sanctum to serve a Nuxt-based SPA securely.

• Understanding the basics of broadcasting in Laravel and integrating it with a Nuxt frontend.

• Implementing private broadcasting for authenticated users in the frontend.

• Using composables in Nuxt for reusable logic.

• Implementing authentication features like login flows and persisting user sessions after page reloads.

Course Summary:

Build a powerful real-time SPA using Laravel (Sanctum, Fortify, Reverb) and Nuxt (with Pinia for state management).

What you’ll learn:

• Configure Laravel Sanctum with Fortify to serve a Nuxt-based SPA.

• Set up Laravel broadcasting and connect it with Nuxt using Laravel Echo.

• Implement private channels for user-specific event broadcasting.

• Use the Intersection Observer API to add infinite scroll functionality.

• Seed databases and create dummy data for development and testing.

• Use Laravel API Resources for clean and consistent API responses.

• React to broadcasted events in Nuxt for real-time UI updates.

By the end of the course, you’ll have created a fully functional, feature-rich real-time timeline application — an ideal portfolio project to demonstrate your skills in full-stack development with Laravel and Nuxt.