{"id":21710271,"url":"https://github.com/cloudinary-devs/cloudinary-react-template","last_synced_at":"2026-04-19T19:05:03.965Z","repository":{"id":256151063,"uuid":"853066012","full_name":"cloudinary-devs/Cloudinary-React-Template","owner":"cloudinary-devs","description":"Speed up your process of integrating Cloudinary in with this React repo that has the core things you need to start development using the power of Cloudinary","archived":false,"fork":false,"pushed_at":"2024-09-10T06:28:59.000Z","size":39,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-20T17:54:03.947Z","etag":null,"topics":["cloudinary","image-manipulation","javascript","react","reactjs","webapp"],"latest_commit_sha":null,"homepage":"","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/cloudinary-devs.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":"2024-09-05T23:35:34.000Z","updated_at":"2024-09-10T06:32:29.000Z","dependencies_parsed_at":"2024-09-09T09:25:58.449Z","dependency_job_id":"4e391bbf-1e1d-4936-b197-02d476ebe286","html_url":"https://github.com/cloudinary-devs/Cloudinary-React-Template","commit_stats":null,"previous_names":["cloudinary-devs/cloudinary-react-template"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/cloudinary-devs/Cloudinary-React-Template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary-devs%2FCloudinary-React-Template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary-devs%2FCloudinary-React-Template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary-devs%2FCloudinary-React-Template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary-devs%2FCloudinary-React-Template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cloudinary-devs","download_url":"https://codeload.github.com/cloudinary-devs/Cloudinary-React-Template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary-devs%2FCloudinary-React-Template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32018765,"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":["cloudinary","image-manipulation","javascript","react","reactjs","webapp"],"created_at":"2024-11-25T23:14:25.308Z","updated_at":"2026-04-19T19:05:03.957Z","avatar_url":"https://github.com/cloudinary-devs.png","language":"TypeScript","readme":"![Cloudinary Developers](https://github.com/cloudinary-devs/.github/blob/main/assets/cloudinary-banner.png?raw=true)\n\n\u003cdiv align=\"center\"\u003e\n  \u003cbr /\u003e\n  \u003ca href=\"https://twitter.com/cloudinary\" target=\"_blank\"\u003eTwitter\u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;\u0026nbsp;-\u0026nbsp;\u0026nbsp;\u003c/span\u003e\n  \u003ca href=\"https://cloudinary.com/\" target=\"_blank\"\u003eCloudinary\u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;\u0026nbsp;-\u0026nbsp;\u0026nbsp;\u003c/span\u003e\n  \u003ca href=\"https://cloudinary.com/documentation\" target=\"_blank\"\u003eDocs\u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;\u0026nbsp;-\u0026nbsp;\u0026nbsp;\u003c/span\u003e\n  \u003ca href=\"https://github.com/cloudinary-devs\" target=\"_blank\"\u003eCode Samples\u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;\u0026nbsp;-\u0026nbsp;\u0026nbsp;\u003c/span\u003e\n  \u003ca href=\"https://cloudinary.com/blog/\" target=\"_blank\"\u003eBlog\u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;\u0026nbsp;-\u0026nbsp;\u0026nbsp;\u003c/span\u003e\n  \u003ca href=\"https://community.cloudinary.com/\" target=\"_blank\"\u003eCommunity\u003c/a\u003e\n  \u003cbr /\u003e\n  \u003chr /\u003e\n\u003c/div\u003e\n\n# Cloudinary React Template\n\n ⚠️ **Deprecated Template Notice**\n\u003e\n\u003e This React template is now deprecated and is no longer actively maintained.\n\u003e\n\u003e We recommend using the new and improved **Create Cloudinary React** starter instead:\n\u003e\n\u003e 👉 https://github.com/cloudinary-devs/create-cloudinary-react\n\u003e\n\u003e The new starter provides:\n\u003e - A modern, production-ready React setup\n\u003e - Improved Cloudinary integration patterns\n\u003e - Better defaults and developer experience\n\u003e - AI-assisted development support\n\u003e\n\u003e Please use the new starter for all new projects.\n\n\u003cbr\u003e\n\u003cbr\u003e\n\nThis repository provides a ready-to-use template for integrating the Cloudinary widget into your React project. It includes all the essential components and setup needed to start working with Cloudinary, simplifying the process of adding Cloudinary’s powerful image and video management capabilities to your application.\n\nAdditionally, the repo features examples demonstrating how to perform image transformations using the Cloudinary React SDK, giving you a solid foundation to build upon and customize for your specific needs.\n\n## Prerequisites\n\nBefore you begin, ensure you have the following installed:\n\n- Node.js (v18 or above)\n- npm (v10 or above)\n- A Cloudinary account with:\n  - A project\n  - An upload preset\n\n## Run the App\n\n1. Rename your `.env.example` to `.env` and add your keys to the `.env` file.\n2. In your terminal run `npm i` to install all the dependencies.\n3. In your terminal run `npm run dev` to run the frontend.\n\n## Cloudinary Transformations\nCloudinary's dynamic URL transformations enable you to programmatically generate multiple variations of your high quality original images on the fly, without the need for graphic designers and fancy editing tools.\n\nTo learn more about the Cloudinary transformations visti the [SDK docs](https://cloudinary.com/documentation/image_transformations).\n\n\n## Cloudinary Upload Widget\nCloudinary's Upload widget is a complete, interactive user interface that enables your users to upload files from a variety of sources to your website or application. The widget, requiring just a couple lines of code to integrate, eliminates the need to develop in-house interactive media upload capabilities.\n\nTo learn more aboout the Upload Widget visit the [API reference](https://cloudinary.com/documentation/upload_widget_reference).\n\n\n## Cloudinary NPM packages\n- `@cloudinary/react`\n- `@cloudinary/url-gen`\n\n## Cloudinary React Sample Project\nVisit our sample projects we have created for you to learn more about Cloudinary and the usage of the React SDK in our [docs](https://cloudinary.com/documentation/react_sample_projects).\n\n## Cloudinary Community\n\nEngage in collaborative coding, connect with fellow enthusiasts, and gather insights from a vibrant open-source network over on [Twitter](https://twitter.com/cloudinary), [Discord](https://discord.gg/cloudinary), or the [Community Forums](https://community.cloudinary.com/)\n\n## Show your support\n\nGive a ⭐️ if this project helped you, and watch this repo to stay up to date.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudinary-devs%2Fcloudinary-react-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcloudinary-devs%2Fcloudinary-react-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudinary-devs%2Fcloudinary-react-template/lists"}