{"id":21377209,"url":"https://github.com/softchef/cdk-vue3","last_synced_at":"2025-09-07T01:36:39.005Z","repository":{"id":40694780,"uuid":"491832269","full_name":"SoftChef/cdk-vue3","owner":"SoftChef","description":null,"archived":false,"fork":false,"pushed_at":"2022-11-10T06:38:07.000Z","size":537,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-08T22:33:36.766Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/SoftChef.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":null,"security":null,"support":null}},"created_at":"2022-05-13T09:13:38.000Z","updated_at":"2022-06-20T12:17:58.000Z","dependencies_parsed_at":"2023-01-22T22:01:26.120Z","dependency_job_id":null,"html_url":"https://github.com/SoftChef/cdk-vue3","commit_stats":null,"previous_names":[],"tags_count":55,"template":false,"template_full_name":null,"purl":"pkg:github/SoftChef/cdk-vue3","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SoftChef%2Fcdk-vue3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SoftChef%2Fcdk-vue3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SoftChef%2Fcdk-vue3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SoftChef%2Fcdk-vue3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SoftChef","download_url":"https://codeload.github.com/SoftChef/cdk-vue3/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SoftChef%2Fcdk-vue3/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273986611,"owners_count":25202704,"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-09-06T02:00:13.247Z","response_time":2576,"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":[],"created_at":"2024-11-22T09:19:35.637Z","updated_at":"2025-09-07T01:36:38.971Z","avatar_url":"https://github.com/SoftChef.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AWS CDK with VueJs v3\n\n[![npm version](https://badge.fury.io/js/%40softchef%2Fcdk-vue3.svg)](https://badge.fury.io/js/%40softchef%2Fcdk-vue3)\n![Release](https://github.com/SoftChef/cdk-vue3/workflows/Release/badge.svg)\n![npm](https://img.shields.io/npm/dt/@softchef/cdk-vue3?label=NPM%20Downloads\u0026color=orange)\n\nAWS CDK with VueJs v3 package will auto deploy website with VueJs to S3 bucket and CloudFront distribution.\n\nVueJs will build on local environment or docker container, it's based with Vite project. Then use S3-Deployment to upload to specify S3 bucket.\n\nIf you have many resource arguments will pass to frontend, the config property will generate config.js to specify S3 bucket. It's a VueJs extendsion and archive config in Vue.$config operation.\n\n![Architecture](docs/cdk-vue3.png)\n\n## Installation\n\n```\n  npm install @softchef/cdk-vue3\n  // or\n  yarn add @softchef/cdk-vue3\n```\n\n## Example\n```\nimport { VueDeployment } from '@softchef/cdk-vue3'\n// In your stack\n// Basic deployment\nconst website = new VueDeployment(this, 'WebsiteDeployment', {\n  source: `${CLIENTS_PATH}`,\n  clientConfig: {\n    config: {\n      apiId: articleApi.restApiId, // RestApi\n      userPoolId: userPool.userPoolId, // UserPool\n      foo: {\n        bar: {\n          value: 123 // Customize config\n        }\n      }\n    }\n  }\n})\n```\n\n## VueJs Example\n\n```\n// In public/index.html\n\u003cscript type=\"text/javascript\" src=\"/config.js\"\u003e\n\n// In main.js or app.js\napp.use(window.VueDeploymentConfig)\n\n// In *.vue\nimport { inject } from 'vue'\n\nconst $config = inject('$config')\n$config.get('foo') // { bar: { value: 123 } }\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoftchef%2Fcdk-vue3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsoftchef%2Fcdk-vue3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoftchef%2Fcdk-vue3/lists"}