LT

Tailwind CSSをLaravelで始めてみよう!

公開: 2025年08月01日 18時47分
更新: 2025年08月01日 18時47分

Laravelでは公式でTailwindCssを使っているので、弊社ではLaravel教育にTailwindCssを組み込んでいます。

バックエンドがLaravel、フロントエンドがTailwindCssということで、両方のパッケージをインストールする経験にもなるので、このリポジトリのコードが役に立っています👍

クローンからのインストール手順

  1. リポジトリをクローンする
    git clone https://github.com/ryukyuhub/get-started-tailwindcss-laravel.git
  2. プロジェクトディレクトリ(リポジトリ)内で 依存パッケージをインストールする
    cd get-started-tailwindcss-laravel
    composer install
    npm install
  3. .env を作る
    cp .env.example .env
    php artisan key:generate
  4. ビルドもしくはホットリロード状態にする
    • ビルドの場合(本番モード)
      npm run build
    • ホットリロードの場合(開発モード)
      npm run dev
  5. 開発サーバーを起動させる
    npm run devしている場合は別ウィンドウで行うこと
    php artisan serve
  6. ブラウザからアクセスして確認する
    http://localhost:8000
公開: 2025年08月01日 18時47分
更新: 2025年08月01日 18時47分

コメントや質問をする

メールアドレスが公開されることはありません。

CAPTCHA