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

Như vậy bạn đã thiết lập thành công Laravel 10 + Inertia + React + Typescript

 

Bước 4: Chạy Laravel Server với Vite

Chạy lệnh bên dưới trong terminal để chạy laravel 10.

php artisan serve

Tiếp theo, bạn cần mở terminal

npm run dev
// or
npm run build

Giờ đây, bạn đã có thể sử dụng laravel để inertia React với TypeScript.

VietnamWorks inTECH

TẠO TÀI KHOẢN MỚI: XEM FULL “1 TÁCH CODEFEE” - NHẬN SLOT TƯ VẤN CV TỪ CHUYÊN GIA - CƠ HỘI RINH VỀ VOUCHER 200K