{"id":30226873,"url":"https://github.com/remotion-dev/template-react-router","last_synced_at":"2025-08-14T17:09:42.707Z","repository":{"id":70415276,"uuid":"544040038","full_name":"remotion-dev/template-react-router","owner":"remotion-dev","description":"A Remotion SaaS template with React Router 7 + Remotion Lambda","archived":false,"fork":false,"pushed_at":"2025-07-24T09:51:29.000Z","size":460,"stargazers_count":23,"open_issues_count":1,"forks_count":4,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-08-10T01:21:34.338Z","etag":null,"topics":["react","react-router","remix","remotion","serverless","video"],"latest_commit_sha":null,"homepage":"https://react-router.remotion.dev/","language":"TypeScript","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/remotion-dev.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,"zenodo":null}},"created_at":"2022-10-01T13:36:52.000Z","updated_at":"2025-08-05T11:22:51.000Z","dependencies_parsed_at":"2025-06-30T17:56:17.549Z","dependency_job_id":"1ed47fc4-db29-4e67-8ae8-9b52983089f2","html_url":"https://github.com/remotion-dev/template-react-router","commit_stats":null,"previous_names":["remotion-dev/template-react-router","remotion-dev/template-remix"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/remotion-dev/template-react-router","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/remotion-dev%2Ftemplate-react-router","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/remotion-dev%2Ftemplate-react-router/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/remotion-dev%2Ftemplate-react-router/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/remotion-dev%2Ftemplate-react-router/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/remotion-dev","download_url":"https://codeload.github.com/remotion-dev/template-react-router/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/remotion-dev%2Ftemplate-react-router/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270452355,"owners_count":24586165,"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","status":"online","status_checked_at":"2025-08-14T02:00:10.309Z","response_time":75,"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":["react","react-router","remix","remotion","serverless","video"],"created_at":"2025-08-14T17:09:39.543Z","updated_at":"2025-08-14T17:09:42.701Z","avatar_url":"https://github.com/remotion-dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Remotion + React Router 7 Starter Kit\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/remotion-dev/logo\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://github.com/remotion-dev/logo/raw/main/animated-logo-banner-dark.gif\"\u003e\n      \u003cimg alt=\"Animated Remotion Logo\" src=\"https://github.com/remotion-dev/logo/raw/main/animated-logo-banner-light.gif\"\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\nThis is a [React Router 7 starter kit](https://reactrouter.com/home) with [Remotion](https://remotion.dev), [`@remotion/player`](https://remotion.dev/player) and [`@remotion/lambda`](https://remotion.dev/lambda) built in.  \nIt lets you render a video from a React Router app with AWS Lambda.\n\n## Getting started\n\nInstall dependencies using\n\n\u003c!-- create-video will replace this with the package manager specific command --\u003e\n\n```\nnpm install\n```\n\n## Run the React Router app\n\nRun the example app using:\n\n```\nnpm run dev\n```\n\n## Edit the video\n\nStart the Remotion Preview (the editor interface) using:\n\n```\nnpm run remotion:studio\n```\n\n## Render videos with AWS Lambda\n\nFollow these steps to set up video rendering:\n\n1. Follow the steps in [Remotion Lambda setup guide](https://www.remotion.dev/docs/lambda/setup).\n2. Rename the `.env.example` file to `.env`.\n3. Fill in the `REMOTION_AWS_ACCESS_KEY_ID` and `REMOTION_AWS_SECRET_ACCESS_KEY` values that you got from the first step.\n\n4. Run the following to deploy your Lambda function and Remotion site:\n\n```\nnode deploy.mjs\n```\n\n\u003e Rerun this command whenever you have upgraded to a new Remotion version.\n\n5. Restart the server.\n\n## Commands\n\nStart the app in development mode:\n\n```\nnpm run dev\n```\n\nBuild the app for production:\n\n```\nnpm run build\n```\n\nStart the app in production mode (after build is done):\n\n```\nnpm run dev\n```\n\nStart the Remotion Studio:\n\n```\nnpm run remotion:studio\n```\n\nRender the example video locally:\n\n```\nnpx remotion render\n```\n\nUpgrade all Remotion packages:\n\n```\nnpx remotion upgrade\n```\n\nRender the example video on AWS Lambda:\n\n```\nnpm run remotion:renderlambda\n```\n\nDeploy/Update the Remotion video on S3 and the Lambda function:\n\n```\nnode deploy.mjs\n```\n\n## Upgrading Remotion\n\nWhen upgrading Remotion to a newer version, you will need to redeploy your function and update your site using the commands above.  \nIf your functions or sites are already used in production, make sure to not overwrite them - [read here](https://www.remotion.dev/docs/lambda/upgrading) for more details about upgrading.\n\n## Docs\n\nGet started with Remotion by reading the [fundamentals page](https://www.remotion.dev/docs/the-fundamentals).  \nSee the [React Router Docs](https://reactrouter.com/) to read about the framework.\n\n## Help\n\nJoin the [Remotion Discord server](https://remotion.dev/discord) to chat with other Remotion builders.\n\n## Issues\n\nFound an issue with Remotion? [File an issue here](https://remotion.dev/issue).\n\n## License\n\nNote that for some entities a Remotion company license is needed. Read [the terms here](https://remotion.dev/license).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fremotion-dev%2Ftemplate-react-router","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fremotion-dev%2Ftemplate-react-router","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fremotion-dev%2Ftemplate-react-router/lists"}