{"id":15140302,"url":"https://github.com/itaditya/react-preview","last_synced_at":"2025-10-23T15:31:50.496Z","repository":{"id":99907704,"uuid":"129581648","full_name":"itaditya/react-preview","owner":"itaditya","description":"a GitHub App built with probot that generates preview links for react based projects.","archived":false,"fork":false,"pushed_at":"2018-04-16T15:34:01.000Z","size":86,"stargazers_count":15,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-30T19:13:31.963Z","etag":null,"topics":["codesandbox","github","github-api","github-app","github-apps","probot","probot-app","react","webhooks"],"latest_commit_sha":null,"homepage":"https://github.com/apps/react-preview","language":"JavaScript","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/itaditya.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-04-15T05:56:39.000Z","updated_at":"2023-12-05T15:07:03.000Z","dependencies_parsed_at":"2023-05-11T00:15:35.407Z","dependency_job_id":null,"html_url":"https://github.com/itaditya/react-preview","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itaditya%2Freact-preview","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itaditya%2Freact-preview/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itaditya%2Freact-preview/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itaditya%2Freact-preview/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/itaditya","download_url":"https://codeload.github.com/itaditya/react-preview/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237852512,"owners_count":19376697,"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":["codesandbox","github","github-api","github-app","github-apps","probot","probot-app","react","webhooks"],"created_at":"2024-09-26T08:02:01.219Z","updated_at":"2025-10-23T15:31:50.120Z","avatar_url":"https://github.com/itaditya.png","language":"JavaScript","readme":"# react-preview\n\n\u003e a GitHub App built with [probot](https://github.com/probot/probot) that generates preview links for react based projects.\n\n![Demo](assets/demonstration.png?raw=true)\n\n## How to Use\n\n* Go to the [app](https://github.com/apps/react-preview) page.\n* Install the github app on your repo.\n* If the react code is in the repo root directory then config ends here.\n* Now on any PR, comment `/preview` and the github bot app will reply with a preview link.\n\n* In case, your react code is not in the repo root. Say you have backend code in the repo root and inside that you have a folder named `client/`. The client folder contains the react code (along with it's package.json), then you have to tell the github app about this. Make sure the package.json containing the react dependency is directly in that folder. To do this, follow these steps -\n\n1. Create a folder named `.github/` in repo root.\n1. Inside `.github/` folder create a `config.yml` file.\n1. Put this code in the `config.yml`. Replace client with whatever your folder name is. You can also go deeper like `/package/web`.\n```yml\nreactPreviewFolder: client\n```\n\nIf you followed the example the folder structure should look like\n\n![Folder Structure of Repo with react-preview installed](assets/folder-structure.png?raw=true)\n\n## Setup for Development\n\n```sh\n# Install dependencies\nnpm install\n\n# Run the bot\nnpm start\n```\n\nSee [docs/deploy.md](docs/deploy.md) if you would like to run your own instance of this app.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitaditya%2Freact-preview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fitaditya%2Freact-preview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitaditya%2Freact-preview/lists"}