/rails-nuxt-typescript-docker-example

An example app built on Ruby on Rails + Nuxt.js + TypeScript + Docker Compose

Primary LanguageRuby

Inspired by https://github.com/ohbarye/rails-react-typescript-docker-example

TL;DR

Here is an example application with the following modern web technology stacks. With this boilerplate, you can easily start to build your own app.

Usage

.env

POSTGRES_USERNAME=postgres
POSTGRES_PASSWORD=xxxxxx

Run localhost

$ git clone https://github.com/samuraikun/rails-nuxt-typescript-docker-example.git && cd rails-nuxt-typescript-docker-example

# Setup
$ docker-compose build

// Gemfileを変更した場合
$ docker-compose run web bundle install
$ cd frontend && yarn install
$ docker-compose run backend bin/rails db:create

# Start
$ docker-compose up -d

$ // Rails
$ open http://localhost:8000
$ // Nuxt
$ cd frontend && yarn run dev
$ open http://localhost:4000

Gemfileを変更した場合 or docker-compose up後、gemが見つからないというエラーの場合

Motivation

Nowadays, I feel like we need a wide range acknowledgment on web development even if we call ourselves "backend developer" or "frontend developer".

The SPA, Of course, has a backend API, Ruby on Rails connecting PostgreSQL in my case. I use Docker Compose for defining and running multi-container Docker applications because it's not much simple to bootstrap all of applications and middlewares.

Learning each technology itself is not a burden. I rather like learning. But I've thought I'd like to pursue my playground whose tech stacks are virtually same as ones I develop in work.

Further Details

Backend

The combination, Rails + PostgreSQL + Docker Compose, is just a result I followed Docker Compose's official instruction.

Frontend

Bootstrapped with create-nuxt-app.