【開発環境構築】Ruby on Rails , Nuxt.js , TypeScript , Dockerでアプリケーションを作成する

 

・Ruby
・Ruby on Rails
・Nuxt.js
・TypeScript
・Docker

 

で新規アプリケーションを作成する際の備忘録

 

 

 

 

1:作業ディレクトリを作成

適当に作業用のディレクトリを作成
※ディレクトリ名は本当になんでもいい。けどアプリケーション名にしておくのが無難

 

2:作業ディレクトリに、以下の構造でディレクトリ・ファイルを作成する

 

3: .envを変更する

 

4:docker-compose.ymlを変更する

 

5:/backend/Gemfileを変更する

 

6:/backend/Dockerfileを変更する

 

7:/frontend/Dockerfileを変更する

 

8:Railsアプリケーションを作成(apiモード)

-Gは、gitをスキップする。これをしないとrails newが途中でとまる

 

9:/backend/.envを変更

 

10:/backend/Gemfileを変更

 

11:/backend/database.ymlを変更

 

12:Nuxtアプリケーションを作成

 

13:仕上げ(Dockerイメージ作成、DB作成など)

 

14:確認

以下で立ち上がっているか確認

▼ Railsの画面
http://localhost:3000/

 

▼ Nuxtの画面
http://localhost:8080/

 

  • このエントリーをはてなブックマークに追加