developing-with-turbo-drive

Official

Boost app navigation with Turbo Drive

Authorhotwired-laravel
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Turbo Drive speeds up web navigation in Laravel apps by intercepting link clicks and form submissions to fetch and render HTML without full page reloads, delivering SPA-like responsiveness with server-rendered content.

Core Features & Use Cases

  • Link interception: seamless navigation within the same domain via fetch-based requests and URL updates.
  • Form submission as fetch: forms submit with fetch, follow redirects, and render the response without a full page refresh.
  • Rendering strategy: replaces the body and merges the head, preserving window and document state across navigations; supports morphing for state preservation.
  • Control & safety: disable on specific elements using data-turbo attributes; progressive enhancement with caches and prefetching as configured.
  • Laravel integration: handles common redirects and validation errors, enabling automatic route-based adjustments (e.g., *.update to *.edit).

Quick Start

Activate Turbo Drive in your Laravel project by installing the package, enabling the TurboMiddleware, and marking navigational links and forms with data-turbo attributes to enable faster, morphable navigation.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: developing-with-turbo-drive
Download link: https://github.com/hotwired-laravel/turbo-laravel/archive/main.zip#developing-with-turbo-drive

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.