Hey, there! 👋🏻 This Bootcamp is still under construction. I'm sharing it publicly because I think it's already in a good enough shape, but here be dragons. If you find anything not working, please let me know and I'll fix it. I feel like the web part is complete, but the Turbo Native side wasn't reviewed yet. Enjoy!

Introduction

Learn how to make web apps using Laravel and Hotwire. When we finish the web app, we'll dig into the Turbo Native side of Hotwire so we can see it to bridge the Web and Native Worlds!

To explore the many sides of Hotwire, we're going to build a micro-blogging platform called Turbo Chirper. Many parts of this tutorial were inspired by the official Laravel Bootcamp and adapted to work better in a Hotwired app.

We're going to use Importmap Laravel and TailwindCSS Laravel instead of Laravel's default Vite setup. Vite would work, but I'm taking this opportunity to demonstrate an alternative front-end setup. If you're already familiar with Vite, feel free to skip the installation parts about Importmap Laravel and TailwindCSS Laravel.

On the JavaScript side, we're going to use Stimulus.js. Laravel Breeze chips with a few tiny Alpine.js components, which we'll convert to Stimulus. Alpine would work for most things. The first version of this tutorial used Alpine, for instance. But I decided to convert everything to Stimulus once I got to the Turbo Native integration side. I liked it better with Stimulus in this context. Again, if you're already familiar with Alpine, feel free keep using it and adapt the examples as you see fit.

Let's get started!

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 Turbo Native and Android.

Start the Web Tutorial...

Native

The second part of this Bootcamp will focus on Turbo 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.

Start the Native Tutorial...