Introduction
Lean how to make Hotwired web apps using Laravel. And when we're finished with the web app, we'll dive into the Hotwire Native side of Hotwire so we can see how it bridges the web and native worlds!
To explore the many sides of Hotwire, we'll build a micro-blogging platform called Turbo Chirper. Many parts of this tutorial were inspired by the official Laravel Bootcamp adapted to work better in a Hotwire context.
We'll use the Hotwire Starter Kit, which sets up a fresh Laravel app with the following packages already installed and configured for us:
- Importmap Laravel which will take care of loading our JavaScript without the need for a bundler
- Tailwind CSS Laravel which will compile our Tailwind CSS styles using the Tailwind CLI so we also don't need a bundlerr
- Turbo Laravel which installs Turbo and provides a bunch of Hotwire helpers for us to use
- Stimulus Laravel which installs Stimulus and adds some convenience on our workflow, like a make command for Stimulus controllers and Hotwire Native Bridge components
- Hotreload so when we make changes to our Blade files, JavaScript, or CSS, the browser will automatically reload things for us
All you need is PHP installed on the latest version and that's about it.
Web
In the Web Tutorial, we're gonna build our majestic web app using Laravel and Turbo Laravel that will serve as basis for the second part of the tutorial which focuses on Hotwire Native and Android.
Native
The second part of this Bootcamp will focus on Hotwire Native. The goal is to showcase the Native side of Hotwire. We're going to use Android and Kotlin to build a fully native wrapper around our web app and progressively enhance the UX for mobile users.