Laravelでは公式でTailwindCssを使っているので、弊社ではLaravel教育にTailwindCssを組み込んでいます。
バックエンドがLaravel、フロントエンドがTailwindCssということで、両方のパッケージをインストールする経験にもなるので、このリポジトリのコードが役に立っています👍
クローンからのインストール手順
- リポジトリをクローンする
git clone https://github.com/ryukyuhub/get-started-tailwindcss-laravel.git
- プロジェクトディレクトリ(リポジトリ)内で 依存パッケージをインストールする
cd get-started-tailwindcss-laravel
composer install
npm install
- .env を作る
cp .env.example .env
php artisan key:generate
- ビルドもしくはホットリロード状態にする
- ビルドの場合(本番モード)
npm run build
- ホットリロードの場合(開発モード)
npm run dev
- ビルドの場合(本番モード)
- 開発サーバーを起動させる
npm run dev
している場合は別ウィンドウで行うことphp artisan serve
- ブラウザからアクセスして確認する
http://localhost:8000