Cách cài đặt Laravel 10 inertia React với TypeScript

26/04/2023 | 530

Laravel là một PHP framework, có mã nguồn mở và miễn phí, được xây dựng nhằm hỗ trợ phát triển các phần mềm, ứng dụng, theo kiến trúc MVC. Trong bài viết này, Vietnamworks inTECH sẽ hướng dẫn bạn cách cài đặt Laravel 10 để inertia React với TypeScript.

Đầu tiên để inertia react với typescript ta cần phải cài đặt laravel.

Bước 1: Cài đặt ứng dụng laravel

Chạy lệnh bên dưới để cài đặt laravel 10.

composer create-project laravel/laravel inertia-react-ts

Bước 2: Kết nối Database

Bây giờ, bạn phải kết nối ứng dụng laravel với Database, do đó hãy mở tệp cấu hình .env và thêm thông tin đăng nhập Database như đề xuất bên dưới.

.env

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=database_name
DB_USERNAME=database_user_name
DB_PASSWORD=database_password

Bước 3: Cài đặt Breeze với Inertia + React + Typescript

Cài đặt laravel Breeze qua composer

composer require laravel/breeze --dev

Tiếp theo, chạy lệnh như sau:

php artisan breeze:install

Cho số 1 bắt đầu theo inertia react.

 Which stack would you like to install?
 blade .............................................. 0  
 react .............................................. 1  
 vue ................................................ 2  
 api ................................................ 3  
❯ 0

Tiếp theo, bạn cần thêm tính năng dark mode và TypeScript support. Nhập “yes” để thêm tính năng.

 Would you like to install dark mode support? (yes/no) [no]
❯ yes

 Would you like TypeScript support? (Experimental): (yes/no) [no]
❯ yes

 Would you like to install Inertia SSR support? (yes/no) [no]
❯ yes

 Would you prefer Pest tests instead of PHPUnit? (yes/no) [no]
❯ yes