{"id":15691989,"url":"https://github.com/guillaumebriday/rails-vitejs","last_synced_at":"2025-07-13T23:34:06.467Z","repository":{"id":84163622,"uuid":"328173585","full_name":"guillaumebriday/rails-vitejs","owner":"guillaumebriday","description":"This project shows how to build an application with both Rails and Vite.js in the same repo.","archived":false,"fork":false,"pushed_at":"2021-01-24T22:25:05.000Z","size":27,"stargazers_count":7,"open_issues_count":0,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-05-08T02:22:00.080Z","etag":null,"topics":["modules","rails","vite-js","vitejs"],"latest_commit_sha":null,"homepage":"","language":"Ruby","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/guillaumebriday.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","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},"funding":{"github":"guillaumebriday"}},"created_at":"2021-01-09T14:29:45.000Z","updated_at":"2022-03-31T18:01:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"4ea95ba9-ab9c-41ee-a6f2-57bd6778f319","html_url":"https://github.com/guillaumebriday/rails-vitejs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/guillaumebriday/rails-vitejs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guillaumebriday%2Frails-vitejs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guillaumebriday%2Frails-vitejs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guillaumebriday%2Frails-vitejs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guillaumebriday%2Frails-vitejs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/guillaumebriday","download_url":"https://codeload.github.com/guillaumebriday/rails-vitejs/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guillaumebriday%2Frails-vitejs/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265220780,"owners_count":23729877,"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":["modules","rails","vite-js","vitejs"],"created_at":"2024-10-03T18:27:21.105Z","updated_at":"2025-07-13T23:34:06.431Z","avatar_url":"https://github.com/guillaumebriday.png","language":"Ruby","funding_links":["https://github.com/sponsors/guillaumebriday"],"categories":[],"sub_categories":[],"readme":"# Rails and Vite.js\n\n[![](https://img.shields.io/github/license/guillaumebriday/rails-vitejs)](https://github.com/guillaumebriday/rails-vitejs)\n\n- [Concept Overview](#concept-overview)\n- [How it works](#how-it-works)\n- [Getting started](#getting-started)\n  - [Install](#install)\n- [Contributing](#contributing)\n- [License](#license)\n\n## Concept Overview\n\nThis project shows how to build an application with both [Rails](https://rubyonrails.org/) and [Vite.js](https://vitejs.dev) in the same repo.\n\nIt **does not** use the Rails gem [Webpacker](https://github.com/rails/webpacker) to manage JavaScript and CSS. It's fully delegated to Vite.js.\n\n## How it works\n\nDuring development, we don't need to build assets, so we are using the Vite.js server on port `3001`.\n\nIn production, we need to build assets in the `public` folder with `yarn build` command.\n\nTo prevent conflicts with the `public` folder, I changed the Vite.js `root` option in the `vite.config.js` file.\n\n## Getting started\n\n### Install\n\nDevelopment environment requirements :\n- [Ruby](https://www.ruby-lang.org/en/)\n- [Node](https://nodejs.org/en/)\n\n```bash\n$ git clone https://github.com/guillaumebriday/rails-vitejs.git \u0026\u0026 cd rails-vitejs\n```\n\nTo run the backend\n```bash\n$ bundle\n$ bundle exec rails s\n```\n\nTo run the Frontend:\n```bash\n$ yarn\n$ yarn dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) in your browser.\n\n## Contributing\n\nDo not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.\n\n## License\n\nThis project is released under the [MIT](http://opensource.org/licenses/MIT) license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguillaumebriday%2Frails-vitejs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fguillaumebriday%2Frails-vitejs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguillaumebriday%2Frails-vitejs/lists"}