Docker+Rails7+Bootstrap5+JQuery3環境構築

サンプルコード

以下に環境構築手順を載せています。参考にして頂ければ幸いです。

フォルダ構成

以下のディレクトリ構成でファイルを準備します。

各種ファイル説明

Dockerfile

docker-compose.yml

resource/Gemfile

resource/database.yml

resource/entrypoint.sh

新規Railsプロジェクトの作成

プロジェクトのルートフォルダから以下の手順に沿って新規プロジェクトを作成します。

プロジェクト初期化

DB初期化

WEB起動

コントローラ初期化

Bootstrap5のコンポーネント配置

./src/app/views/dashboard/show.html.erbを編集します。

編集後、「localhost:3000/dashboard/show」を踏むと配置されたBootstrap用のボタンが確認できます。