Overview

Using the power of Laravel Reverb, let's build a real-time post-timeline application with Laravel 11, VueJS 3, Sanctum, and Reverb, pulling in Pinia for state management.Projects Roadmap and Status:[Uploaded] A Guide to Setup Laravel with Vue 3 and Reverb[Uploaded] Let's Build a Realtime Post Timeline ProjectProject Description:[Uploaded] A Guide to Setup Laravel with Vue 3 and ReverbIn this section, we'll look into the basics of Laravel and Vue, by setting up both projects.Some of the topics we'll cover in this section include:Learn how to set up Laravel Sanctum to serve an SPA.Look into the basics of broadcasting in Laravel and our frontend Vue 3 app.We'll also configure private broadcasting in our front-end app.Learn how to use composable in Vue 3Learn how to implement authentication features like login flow, and grab the user data on reload.[Uploaded] Let's Build a Realtime Post Timeline ProjectIn this section, we'll build a real-time post timeline project, where the users can create posts, view all the posts, and like the posts, all of these interactions will be real-time, and we'll also implement an infinite scrolling feature.Some of the topics we'll cover in this section include:Learn how to create posts and broadcast that event to show the created post in real time.Learn how to display server-driven validation errors.We'll learn how to implement an infinite scrolling feature in Vue 3 with the API served by Laravel.We'll learn how to manage the state of our app using PiniaLearn how to like the posts and broadcast the Liked event to implement real-time functionalityLearn how to Edit the posts and implement real-time editing functionalityAnd many more topics.Course Summary:Building real-time applications with Laravel (with Sanctum, Reverb) and Vue 3 (SPA)Configuring Laravel Sanctum (along with Fortify) to serve a Frontend SPASetting up broadcasting in Laravel and listening for events in our Vue 3 app using Laravel EchoConfiguring and implementing private broadcasting in an API/SPA environmentUsing the Intersection Observer API to load the next chunk of posts automatically when the user scrolls to the bottom of the timelineLearn database seeding techniques in LaravelLearn how to use API Resources in LaravelLearn how to listen for Broadcasted events from the backend and react to them accordingly in the frontendAll of this state will be managed on the client side, using PiniaBy the end of this course, you will have built a feature-rich, real-time timeline application that showcases your understanding of front-end and back-end technologies, perfect for any aspiring developer looking to enhance their skills in dynamic web application development.

Skills

Reviews