{"id":34878558,"url":"https://github.com/diploi/component-react-vite","last_synced_at":"2026-02-19T13:10:15.782Z","repository":{"id":268887852,"uuid":"893862987","full_name":"diploi/component-react-vite","owner":"diploi","description":"Official Diploi component for React + Vite","archived":false,"fork":false,"pushed_at":"2026-01-28T14:19:56.000Z","size":118,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2026-01-30T20:58:15.451Z","etag":null,"topics":["component","deployable","diploi","docker","frontend","library","nginx","react","starter-kit","ui","vite"],"latest_commit_sha":null,"homepage":"https://diploi.com/component/react-vite","language":"Dockerfile","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/diploi.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-11-25T10:44:45.000Z","updated_at":"2026-01-28T14:19:02.000Z","dependencies_parsed_at":"2024-12-19T14:34:42.831Z","dependency_job_id":"69099e8e-012e-4926-a5ce-437862b5f6cc","html_url":"https://github.com/diploi/component-react-vite","commit_stats":null,"previous_names":["diploi/component-react-vite"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/diploi/component-react-vite","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diploi%2Fcomponent-react-vite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diploi%2Fcomponent-react-vite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diploi%2Fcomponent-react-vite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diploi%2Fcomponent-react-vite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/diploi","download_url":"https://codeload.github.com/diploi/component-react-vite/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diploi%2Fcomponent-react-vite/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29614630,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-19T13:04:20.082Z","status":"ssl_error","status_checked_at":"2026-02-19T13:03:33.775Z","response_time":117,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["component","deployable","diploi","docker","frontend","library","nginx","react","starter-kit","ui","vite"],"created_at":"2025-12-26T01:07:53.376Z","updated_at":"2026-02-19T13:10:15.777Z","avatar_url":"https://github.com/diploi.png","language":"Dockerfile","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg alt=\"icon\" src=\".diploi/icon.svg\" width=\"32\"\u003e\n\n# React + Vite Component for Diploi\n\n[![launch with diploi badge](https://diploi.com/launch.svg)](https://diploi.com/component/react-vite)\n[![component on diploi badge](https://diploi.com/component.svg)](https://diploi.com/component/react-vite)\n[![latest tag badge](https://badgen.net/github/tag/diploi/component-react-vite)](https://diploi.com/component/react-vite)\n\nWant to start a quick demo? Use this link\nhttps://diploi.com/component/react-vite\nNo account required\n\nThis template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.\n\n## Operation\n\n### Getting started\n\n1. In the Dashboard, click **Create Project +**\n2. Under **Pick Components**, choose **React + Vite**. Here you can also add a backend framework to create a monorepo app, eg, React+Vite for frontend and Hono for backend\n3. In **Pick Add-ons**, you can add one or multiple databases to your app\n4. Choose **Create Repository** to generate a new GitHub repo\n5. Finally, click **Launch Stack**\n\nFor more details, check https://diploi.com/blog/hosting_react_apps\n\n### Development\n\nWill run `npm install` when component is first initialized, and `npm run dev` when deployment is started.\n\n### Production\n\nBuilds a production-ready image. The image runs `npm install` and `npm run build` in a GitHub Action during creation.\n\nThe generated `/dist` folder is served as a static site using [serve](https://github.com/vercel/serve).\n\n#### ENV\n\nSince Vite embeds environment variables during the build step, we provide two ways to manage ENV values in production builds:\n\n1. For values that are not deployment-dependent, define them in `diploi.yaml` using the [static import syntax](https://docs.diploi.com/reference/diploi-yaml#env). The values are exposed to the `Dockerfile` as `ARG` variables.\n2. For values that depend on a specific deployment (such as variables imported from other components in `diploi.yaml`, or configured in the **Options** tab), enable the **runtime build** option.\n\n#### Runtime Build\n\nWhen runtime build is enabled, `npm run build` is executed again when the container starts. This ensures that environment variables from the running deployment are correctly applied, and that any data loaded from other components can use the internal network.\n\nTo enable runtime build, set `__VITE_RUNTIME_BUILD` to `true` in `diploi.yaml`:\n\n```yaml\n- name: React + Vite\n  identifier: react-vite\n  package: https://github.com/diploi/component-react-vite#v19.2.10\n  env:\n    include:\n      - name: __VITE_RUNTIME_BUILD\n        value: true\n```\n\n## Links\n\n- [Adding React-Vite to a project](https://docs.diploi.com/building/components/react-vite)\n- [React documentation](https://react.dev/)\n- [Vite documentation](https://vite.dev/)\n- [serve documentation](https://github.com/vercel/serve)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdiploi%2Fcomponent-react-vite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdiploi%2Fcomponent-react-vite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdiploi%2Fcomponent-react-vite/lists"}