Laravelで新しくレシピ保存サイトを作ろうとした話。
まず
環境はMAMP
第一歩として
htdocsディレクトリ内にrecipeディレクトリを作成した。
Composerを用いて
そのディレクトリの中にLaravelをインストールしようとしたが
composer require laravel/breeze --dev
と
composer require laravel/breezeの違いが分からず
違いについて調べていた。
--devの有無は今後調べる。
breezeをインストールした後
フォントが崩れている原因：package.jsonには
Laravel-mixを指定しているが
Componentファイルでviteが使われているため。
具体的なその対策は
・layouts/app.blade.php
・layouts/guest.blade.phpファイルの
<!-- Scripts -->
@vite(['resources/css/app.css', 'resources/js/app.js'])
の箇所を
<!-- Styles -->
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>
に変更するとフォントが直った。