Skip to content

Introduction

Lean how to make Hotwired web apps using Laravel. And when we're finished with the web app, we'll dive into the Turbo 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 Hotwired app.

We'll 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 choose the turbo-vite stack when setting up the application in the installation guide.

On the JavaScript side, we'll use Stimulus.js. Turbo Breeze - the starter kit we'll use - comes with all the same components in Laravel Breeze, reimplemented in Stimulus, so you won't miss out on anything. Also, most of the time, we're able to quickly convert Alpine components into Stimulus controllers.

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...