Learn how to build a full authentication boilerplate with Nuxt, Sanctum and Fortify. This course covers everything you need to get started with authentication with Nuxt and Laravel. We’ll start by setting up a Nuxt project and configuring Laravel Sanctum, then add the ability to register, sign in and sign out. We’ll also cover some TypeScript tips, protecting pages with middleware, and using Vue composables to keep our code tidy.
Using the power of Reverb, let’s build a realtime multi-room chat with Laravel and Vue with Inertia, pulling in Pinia for state management. We’ll cover: - Using the Intersection Observer API to automatically load previous chat messages - State management with Pinia - Using presence channels to show online users for each room - Client-to client communication to show who’s typing - Using flexbox tricks to keep messages scrolled into view as they roll in
So you’ve built a realtime application. Now it’s time to deploy it. Laravel Forge makes it incredibly easy to toggle Reverb, which configures your server for you and sets up (nearly) everything you need to broadcast and listen for events. In this course, we’ll cover every step needed to get an local example application deployed to a production server, with a separate subdomain reserved for your Reverb connections.
How do you render one million checkboxes in a browser and keep them synced in realtime? Well, using a combination of virtual scroll rendering, Redis bitmaps and bi-directional WebSocket communication. Let’s cover each of these concepts to build up this fun project — you’ll be surprised at how useful these techniques are for your own applications.
New to realtime broadcasting in Laravel? This course covers the essentials with plenty of examples along the way, leaving you ready to start adding realtime functionality to any of your Laravel applications. Broken up into channel types, we’ll cover: - The basics of installing, configuring and running a Reverb server - Broadcasting events - Private channels - Presence channels - Client-to-client broadcasting by whispering
Join a room and start chatting! This course covers building a multi-room text chat app with Livewire using Laravel Reverb for real-time updates. Using presence channels and client-to-client whispering, we’ll also show who’s online, and who’s currently typing.
Starting completely from scratch, build a modern PHP framework with all the features you’d expect. Whether you’re new to PHP or not, this is a great exercise for learning what happens under the hood, arming you with knowledge you can apply anywhere you use PHP. We’ll cover routing, controllers, views, the container, accessing the database, models, authentication, config, CSRF protection, exception handling, pagination, validation, flashing messages and much more. Let’s dive in and build a PHP framework, step-by-step!
Get ready to master drag and drop sorting in Livewire, by building a Trello clone. We’ll start out by building the interface completely from scratch, then add the ability to sort columns and cards, including moving cards around columns. As we sort everything, we’ll keep the database perfectly updated with the new order. Our Trello clone will also allow us to edit column titles inline, edit cards and add notes, archive cards and columns, and put them back on the board.
Learn how to authenticate with a Laravel API from Vue using the Composition API. We'll start by setting up a fresh Laravel project with Sanctum and Fortify, configure everything step-by-step, and then implement the ability to authenticate from Vue with a simple auth module — thanks to the flexibility of the Composition API. In the second half of the course, we’ll create our own beautiful starter kit with more features, including registration and middleware to protect routes.
Build a drop-in comment system with Livewire that instantly works for any model. We’ll cover top-level comments and replies by re-using Livewire components, editing and deleting comments, working with Alpine.js to minimise network requests, building an Alpine.js directive to display when a comment was posted, handling deleted users and loading more comments gradually. Once you’re done, you can drop a single Livewire comments component wherever you need it — and comments will instantly be enabled.