```
## Form Submission Flow
1. Turbo intercepts the form submission and sends it as a `fetch` request.
2. The server processes the form and returns a redirect (status 303 for non-GET submissions).
3. Turbo follows the redirect and renders the response.
IMPORTANT: Turbo requires redirect responses (303 See Other) for non-GET form submissions. Laravel's `redirect()` helper handles this correctly when the `TurboMiddleware` is active — it automatically converts 302 redirects to 303 for Turbo requests.
For validation errors, return a 422 status with the form HTML so Turbo can render it in place. To make it easier, Turbo Laravel will catch validation exceptions and redirect to the form based on the resources automatically (`*.update` to `*.edit` or `*.store` to `*.create` or `*.destroy` to `*.delete`) when the form route exists.
## Asset Tracking
Mark assets with `data-turbo-track="reload"` so Turbo reloads the page when they change (e.g., after a deploy):
```html
```
When Turbo detects tracked assets have changed, it performs a full page reload instead of a Turbo visit.
## Progress Bar
Turbo shows a progress bar at the top of the page for navigations taking longer than 500ms. Customize it with CSS:
```css
.turbo-progress-bar {
height: 3px;
background-color: #3b82f6;
}
```
## Prefetching
Turbo prefetches links on `mouseenter` by default. Control this behavior:
```html
Heavy pageLikely next page
```
## Permanent Elements
Elements with `data-turbo-permanent` persist across navigations. Useful for media players, maps, or other stateful elements:
```html
```
The element must have a matching `id` in both the current and new page.
## Cache Control
@verbatim
Control how Turbo caches pages using Blade components in your layout's ``:
{{-- Skip the cache entirely for this page --}}
{{-- Cache the page but don't show preview during navigation --}}
{{-- Force a full page reload when visiting this page --}}
@endverbatim
## View Transitions API
Enable the View Transitions API for smooth animated transitions between pages:
@verbatim
{{-- Add to your layout's --}}
@endverbatim
This renders ``, enabling CSS-driven page transitions.