人気のPHP WEBアプリケーションフレームワークLaravelのTipsを記録していきます

Laravel で inertia.js を使用する

● jetstremのインストール

・1.A ・Laravelアプリインストール時に jetstrem 付きでインストールする

laravel new project-name --jet

・1.B ・Laravelアプリインストール後に 後から jetstrem をインストールする

composer require laravel/jetstream

・2.B ・チーム機能を使わない場合

php artisan jetstream:install inertia

・2.B ・チーム機能を使う場合

php artisan jetstream:install inertia --teams

・3.・フロントアプリのビルド

npm install && npm run dev

・4 ・データベースマイグレーション

php artisan migrate

● サンプル画面を表示させる

routes/web.php

Route::get('/test', function () {
    return Inertia::render('Test');  // Test.vue を表示させる
});

resources/js/Pages/Test.vue

<template>
    <h1>Hello world!</h1>
    <inertia-link href="/" class="text-sm text-blue-700 underline">back to HOME</inertia-link>
</template>

● ユーザー登録 / ログイン画面を表示する

http://localhost/register

http://localhost/login

No.2024
02/13 11:47

edit