{"id":13726756,"url":"https://github.com/ohbarye/rails-react-typescript-docker-example","last_synced_at":"2025-04-09T14:15:46.614Z","repository":{"id":34166651,"uuid":"140059059","full_name":"ohbarye/rails-react-typescript-docker-example","owner":"ohbarye","description":"An example app built on Ruby on Rails + React.js + TypeScript + Docker Compose","archived":false,"fork":false,"pushed_at":"2024-05-31T15:36:53.000Z","size":10008,"stargazers_count":177,"open_issues_count":28,"forks_count":46,"subscribers_count":8,"default_branch":"main","last_synced_at":"2024-10-20T07:30:41.775Z","etag":null,"topics":["docker","docker-compose","postgresql","rails","react","typescript","yarn"],"latest_commit_sha":null,"homepage":"https://dev.to/ohbarye/modern-rails-app-boilerplate-with-react--typescript--docker-compose-h47","language":"Ruby","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ohbarye.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-07-07T06:31:56.000Z","updated_at":"2024-10-13T10:01:34.000Z","dependencies_parsed_at":"2024-08-03T01:29:17.989Z","dependency_job_id":"be0ea456-bf25-476c-a4d2-8d893dd3afd1","html_url":"https://github.com/ohbarye/rails-react-typescript-docker-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ohbarye%2Frails-react-typescript-docker-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ohbarye%2Frails-react-typescript-docker-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ohbarye%2Frails-react-typescript-docker-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ohbarye%2Frails-react-typescript-docker-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ohbarye","download_url":"https://codeload.github.com/ohbarye/rails-react-typescript-docker-example/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248054194,"owners_count":21039952,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["docker","docker-compose","postgresql","rails","react","typescript","yarn"],"created_at":"2024-08-03T01:03:19.628Z","updated_at":"2025-04-09T14:15:46.593Z","avatar_url":"https://github.com/ohbarye.png","language":"Ruby","funding_links":[],"categories":["Happy Exploring 🤘","Ruby"],"sub_categories":[],"readme":"# Rails-React-TypeScript-Docker Example ![backend_test](https://github.com/ohbarye/rails-react-typescript-docker-example/actions/workflows/backend_test.yml/badge.svg) ![frontend_test](https://github.com/ohbarye/rails-react-typescript-docker-example/actions/workflows/frontend_test.yml/badge.svg)\n\n## TL;DR\n\n**Here is an example application with the following modern web technology stacks. With this boilerplate, you can easily start to build your own app.**\n\n- [Ruby](https://www.ruby-lang.org/en/) 3.3.1\n- [Rails](https://rubyonrails.org/) 6.1.4\n- [React.js](https://reactjs.org/) 17.0.1\n- [TypeScript](https://www.typescriptlang.org/) 4.3.5\n- [Docker](https://docs.docker.com/)\n- [PostgreSQL](https://www.postgresql.org/) 11\n- [GitHub Actions](https://github.com/features/actions)\n\n## Usage\n\n```shell\n$ git clone https://github.com/ohbarye/rails-react-typescript-docker-example.git \u0026\u0026 cd rails-react-typescript-docker-example\n\n# Setup\n$ docker-compose run frontend yarn\n$ docker-compose run backend bin/rails db:create db:migrate\n\n# Start\n$ docker-compose up -d\n\n# Open frontend\n$ open http://localhost:80 # You'll see yaichi page, then click any app\n\n# Check backend API\n$ curl -H 'Host: backend.localhost' http://localhost/greetings/hello\n```\n\n## Motivation\n\nNowadays, I feel like **we need a wide range acknowledgment on web development even if we call ourselves \"backend developer\" or \"frontend developer\".**\n\nAs for my experience, I've been a Rails engineer, I'm but recently working like kinda frontend developer because I spend all of my working time for building an SPA (single page application) built with React + TypeScript.\n\nThe 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.\n\n**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.**\n\n## Further Details\n\n### Backend\n\nThe combination, Rails + PostgreSQL + Docker Compose, is just a result I followed [Docker Compose's official instruction](https://docs.docker.com/compose/rails/).\n\n### Frontend\n\nIt consist of very thin webpack settings, TypeScript config, and Jest.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fohbarye%2Frails-react-typescript-docker-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fohbarye%2Frails-react-typescript-docker-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fohbarye%2Frails-react-typescript-docker-example/lists"}