{"id":26149277,"url":"https://github.com/datarobot-oss/react-base-app","last_synced_at":"2026-04-19T08:31:29.008Z","repository":{"id":279393944,"uuid":"924599552","full_name":"datarobot-oss/react-base-app","owner":"datarobot-oss","description":"Base template for Node.js and React custom application.","archived":false,"fork":false,"pushed_at":"2026-03-31T10:24:37.000Z","size":35,"stargazers_count":3,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-03-31T12:12:37.585Z","etag":null,"topics":["dr-engineering"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/datarobot-oss.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":"CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-01-30T10:09:40.000Z","updated_at":"2026-03-31T10:22:22.000Z","dependencies_parsed_at":"2025-02-25T14:00:12.490Z","dependency_job_id":null,"html_url":"https://github.com/datarobot-oss/react-base-app","commit_stats":null,"previous_names":["datarobot-oss/react-base-app"],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/datarobot-oss/react-base-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datarobot-oss%2Freact-base-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datarobot-oss%2Freact-base-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datarobot-oss%2Freact-base-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datarobot-oss%2Freact-base-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/datarobot-oss","download_url":"https://codeload.github.com/datarobot-oss/react-base-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datarobot-oss%2Freact-base-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32000179,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T20:23:30.271Z","status":"online","status_checked_at":"2026-04-19T02:00:07.110Z","response_time":55,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["dr-engineering"],"created_at":"2025-03-11T05:29:51.144Z","updated_at":"2026-04-19T08:31:28.994Z","avatar_url":"https://github.com/datarobot-oss.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React and Node.js base template\n\nIn this repository, you will find a base template for an application with a Node.js server and a React frontend to kickstart custom app development.\n\n\n## Setup\n\nYou can run the JavaScript-based application in DataRobot using a custom application or by running it locally. Custom applications can be created either via the NextGen Registry's **Applications** page or by using [DRApps](https://github.com/datarobot/dr-apps/blob/main/README.md).\n\nBe sure to define the required variables for the app to communicate with DataRobot. If you run the app locally or in an environment other than a custom application, you'll need to manually set the environment variables or run the application with them configured.\n\n```shell\nDATAROBOT_ENDPOINT=\"$DATAROBOT_ENDPOINT\" DATAROBOT_API_TOKEN=\"$DATAROBOT_API_TOKEN\" npm run start:dev\n```\n\n- **DATAROBOT_ENDPOINT**: Example: https://app.datarobot.com/api/v2/\n- **DATAROBOT_API_TOKEN**: Your API key, accessed from DataRobot's Developer Tools page\n\nWhen this app is run via a custom application, the variables are set automatically.\n\nKeep your application build scripts inside the `build-app.sh` file.\n\n```shell\n#build-app.sh\n\n#Installing Node.js dependencies from package.json\nnpm install\n\n...\n#Installing React dependencies from package.json\ncd client\nnpm install\n\n...\nnpm run build\n```\n\n### Node.js server\n\nThere is a `server.js` file that contains all the Node.js server functionality, including examples of how to communicate with the DataRobot and handle routes.\n\n### React app\n\nYou can find the base React application in the `./client` directory. It includes examples of working with images, CSS, and making API calls. You can run this application locally by executing `npm run dev` inside the `client` directory. Ensure the server is running as described in the Setup section.\n\n\n## Add and use runtime parameters\n\nTo add runtime parameters, create a `metadata.yaml` file in your application source folder. Here is an example of a `DEPLOYMENT_ID` that creates an environment variable called `MLOPS_RUNTIME_PARAM_DEPLOYMENT_ID`:\n\n```yaml\nruntimeParameterDefinitions:\n  - fieldName: DEPLOYMENT_ID\n    type: string\n```\n\nOnce this file is part of your application source in DataRobot, it displays the new runtime parameter(s) as part of the\napp configuration.\n\nTo use the parameters, DataRobot recommends you add them via `start-app.sh`. Add the following conditional export before the start command:\n\n```shell\nif [ -n \"$MLOPS_RUNTIME_PARAM_DEPLOYMENT_ID\" ]; then\n  export DEPLOYMENT_ID=\"$MLOPS_RUNTIME_PARAM_DEPLOYMENT_ID\"\nfi\n```\n\nNow you can use `process.env.DEPLOYMENT_ID` within your application code.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdatarobot-oss%2Freact-base-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdatarobot-oss%2Freact-base-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdatarobot-oss%2Freact-base-app/lists"}