` render phần tử `` với `id` là `app`. Element này là mounting point cho JavaScript application. Bạn có thể tùy chỉnh `id` bằng cách truyền giá trị khác vào component.
```blade theme={null}
```
Nếu thay `id` của root element, hãy nhớ cập nhật cả [phía client](/v3/installation/client-side-setup#defining-a-root-element).
Component `` cũng nhận [fallback content](/v3/the-basics/title-and-meta#ssr-fallback) qua slot để quản lý head element khi [SSR](/v3/advanced/server-side-rendering) không hoạt động.
Mặc định, Laravel adapter của Inertia giả định root template có tên `app.blade.php`. Bạn có thể thay đổi bằng phương thức `Inertia::setRootView()`.
Tiếp theo, thiết lập Inertia middleware bằng cách publish middleware `HandleInertiaRequests` vào ứng dụng bằng Artisan command sau.
```sh theme={null}
php artisan inertia:middleware
```
Sau khi middleware được publish, hãy thêm middleware `HandleInertiaRequests` vào group middleware `web` trong file `bootstrap/app.php` của ứng dụng.
```php theme={null}
use App\Http\Middleware\HandleInertiaRequests;
->withMiddleware(function (Middleware $middleware) {
$middleware->web(append: [
HandleInertiaRequests::class,
]);
})
```
Middleware này cung cấp phương thức `version()` để đặt [asset version](/v3/advanced/asset-versioning), cùng phương thức `share()` để định nghĩa [shared data](/v3/data-props/shared-data).
Vậy là xong, bạn đã sẵn sàng tạo Inertia [pages](/v3/the-basics/pages) và render chúng qua [responses](/v3/the-basics/responses).
```php theme={null}
use Inertia\Inertia;
class EventsController extends Controller
{
public function show(Event $event)
{
return Inertia::render('Event/Show', [
'event' => $event->only(
'id',
'title',
'start_date',
'description',
),
]);
}
}
```
## Blade directives
Trước v3, Inertia dùng Blade directive `@inertiaHead` và `@inertia` để render nội dung head và body. Các directive này vẫn được hỗ trợ nhưng không cung cấp [fallback content](/v3/the-basics/title-and-meta#ssr-fallback) cho SSR head. Các Blade component ở trên được khuyến nghị cho ứng dụng mới.
```blade resources/views/app.blade.php theme={null}
@vite('resources/js/app.js')
@inertiaHead
@inertia
```
Bạn có thể tùy chỉnh `id` của root element bằng cách truyền giá trị vào directive: `@inertia('custom-app-id')`.
***
## Tài liệu chính thức
Bài dịch này được đối chiếu từ [tài liệu Inertia.js v3 chính thức](https://inertiajs.com/docs/v3/installation/server-side-setup). Nếu có khác biệt do phiên bản hoặc cập nhật mới, hãy ưu tiên tài liệu chính thức làm nguồn tham chiếu.