@softchef/cdk-vue3
TypeScript icon, indicating that this package has built-in type declarations

2.0.53 • Public • Published

AWS CDK with VueJs v3

npm version Release npm

AWS CDK with VueJs v3 package will auto deploy website with VueJs to S3 bucket and CloudFront distribution.

VueJs will build on local environment or docker container, it's based with Vite project. Then use S3-Deployment to upload to specify S3 bucket.

If 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.

Architecture

Installation

  npm install @softchef/cdk-vue3
  // or
  yarn add @softchef/cdk-vue3

Example

import { VueDeployment } from '@softchef/cdk-vue3'
// In your stack
// Basic deployment
const website = new VueDeployment(this, 'WebsiteDeployment', {
  source: `${CLIENTS_PATH}`,
  clientConfig: {
    config: {
      apiId: articleApi.restApiId, // RestApi
      userPoolId: userPool.userPoolId, // UserPool
      foo: {
        bar: {
          value: 123 // Customize config
        }
      }
    }
  }
})

VueJs Example

// In public/index.html
<script type="text/javascript" src="/config.js">

// In main.js or app.js
app.use(window.VueDeploymentConfig)

// In *.vue
import { inject } from 'vue'

const $config = inject('$config')
$config.get('foo') // { bar: { value: 123 } }

Package Sidebar

Install

npm i @softchef/cdk-vue3

Weekly Downloads

0

Version

2.0.53

License

Apache-2.0

Unpacked Size

248 kB

Total Files

28

Last publish

Collaborators

  • softchef-iot-lab