Laravelでのページの追加方法

Laravel

Laravel 10でページを作成した際のメモです。
他のバージョンでも変わらないかと思います。
Breeze導入していますが、初期プロジェクトでも同じようにできます。

まずはページ本体を作成します。
resources/views/以下にファイルを作成します。
ファイル名はページ名.blade.phpで作成します。今回はabout.blade.phpとします。

作成したらコードを書きます。

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>ページタイトル</title>

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=figtree:400,600&display=swap" rel="stylesheet" />

    <!-- Styles -->
    <script src="https://cdn.tailwindcss.com"></script>
</head>

<body class="antialiased">
    <div
        class="relative sm:flex sm:justify-center sm:items-center min-h-screen bg-dots-darker bg-center selection:bg-red-500 selection:text-white">
        <div class="max-w-5xl mx-auto p-6 lg:p-8">
            <div class="flex justify-center">
                <div class="font-semibold text-xl leading-tight">
                    テストページ
                </div>
            </div>

            <div class="mt-16">
                <p>テスト文言</p>
            </div>
        </div>
    </div>
</body>
</html>

次はページ遷移できるようにルーティングの設定をします。
routes/web.phpを編集します。
URLに/aboutが指定された場合にaboutページに移動します。

Route::get('/', function () {
    return view('welcome');
});
// ↑もとからあるコード
// aboutページへのルーティング
Route::get('/about', function () {
    return view('about');
});

Urlを次のように指定するとaboutページに遷移します。
URL: http://127.0.0.1:8000/about
以下のような表示になればOKです。

コメント