Build An Uptime Monitor with Inertia

Ready to dive into Inertia? Let's build a real-world app with Laravel, Inertia and Vue! If you're already working with Inertia, you'll pick up some tips and techniques for future projects.

This uptime monitor allows you to create and switch between sites, then add endpoints to monitor with frequency intervals. Using the power of scheduling and queues, it'll automatically alert the email addresses you've added via the UI when an endpoint goes down.

In this course, you'll learn to:

Build a real app from scratch with Inertia
Work with Laravel queues
Perform actions on models at user-defined intervals
Work with sub-minute schedules in Laravel
Send out channel notifications with Laravel
Use API resources to simplify Inertia data
Organise apps with events and observers
Create modals in Vue
Perform inline editing with Inertia forms

Syllabus

01. Introduction
- 01. Introduction and demo
- 02. A fresh Inertia project
02. Sites
- 03. Site and dashboard setup
- 04. Building the site selector dropdown
- 05. Making use of API resources
- 06. Setting the default site
- 07. Setting up Vue modals
- 08. Creating a site
03. Endpoints
- 09. Setting up endpoints
- 10. Enum endpoint frequencies
- 11. Creating the endpoint form
- 12. Storing an endpoint
- 13. Validating and authorizing endpoint stores
- 14. Normalizing the endpoint location
- 15. Displaying endpoints
- 16. Deleting endpoints
- 17. Toggling inline editing for endpoints
- 18. Applying a watcher to the endpoint form
- 19. Storing endpoint edits
04. Checking endpoints
- 20. Determining endpoints to check
- 21. Creating a job to perform a check
- 22. Making an HTTP request
- 23. Scheduling checks every second
- 24. Setting up the check relationship
- 25. Updating the job
- 26. Showing the last status
- 27. Expanded list of checks
- 28. The response body modal
- 29. Authorizing the endpoint details
- 30. Calculating uptime for endpoints
05. Queuing
- 31. Setting up queues
- 32. Queuing the endpoint check
- 06. Email notifications
- 33. Setting up email in Laravel
- 34. Site model email notification storage
- 35. Adding email addresses via the UI
- 36. Listing and deleting email addresses
07. Downtime notifications
- 37. Observing when to notify
- 38. Creating an endpoint down notification
- 39. Creating an endpoint recovery notification
- 40. Making the emails a bit friendlier
08. Extras
- 41. Deleting sites
- 42. Eager loading
- 43. Recovery notification bug
- 44. No sites fix and placeholder