Building Realtime Web Apps with Laravel, Nuxt 3 and Reverb

Learn how to build realtime applications with Laravel 11, Nuxt and Reverb.

What you'll learn
- Learn how to build realtime applications with Laravel (with Sanctum, Reverb) and Nuxt
- Learn how to configure Laravel Sanctum (along with Fortify) to serve a Frontend SPA
- Learn how to setup broadcasting in Laravel and listen for events in our Nuxt app using Echo
- Learn how to configure and implement private broadcasting in an API/SPA environment
- Learn how to implement an infinite scrolling behaviour in a Nuxt app
- We'll also learn how to implement login (which is session based implemented with Sanctum)

Requirements
- Beginner level knowledge of PHP/Laravel is Required
- Beginner level knowledge of VueJS/Nuxt is Required

Description
Using the power ofLaravel 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 upLaravel Sanctumto serve a Nuxt-based SPA securely.

Understanding thebasics of broadcastingin Laravel and integrating it with a Nuxt frontend.

Implementingprivate broadcastingfor authenticated users in the frontend.

Usingcomposablesin Nuxt for reusable logic.

Implementingauthentication featureslike login flows and persisting user sessions after page reloads.

Course Summary:

Build a powerfulreal-time SPAusingLaravel(Sanctum, Fortify, Reverb) andNuxt(with Pinia for state management).

What you’ll learn:

ConfigureLaravel Sanctumwith Fortify to serve a Nuxt-based SPA.

Set upLaravel broadcastingand connect it with Nuxt usingLaravel Echo.

Implementprivate channelsfor user-specific event broadcasting.

Use theIntersection Observer APIto add infinite scroll functionality.

Seed databases and create dummy data for development and testing.

UseLaravel API Resourcesfor clean and consistent API responses.

React tobroadcasted eventsin Nuxt for real-time UI updates.

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

Who this course is for:
- Laravel Developers who want to Build Realtime web applications using Nuxt and Reverb
- VueJS and Nuxt Developers who want to learn how to integrate Laravel with Reverb to build Real-Time Applications
More Info