Static Application

Static applications are static HTML sites. They do not have server-side rendering, but are served as static (HTML, JS, CSS, etc) files through Nginx. They do not have a container image as most other Bunnyshell components.

Example

Here is an example static application definition:

    -
        kind: StaticApplication
        name: vue-hello-world
        gitRepo: 'https://github.com/alexo-bunnyshell/template-vue-tailwind.git'
        gitBranch: main
        gitApplicationPath: /
        buildNodeVersion: lts
        buildCommand: 'vite build'
        buildOutputDir: dist
        buildArguments:
            VITE_APP_NAME: '{{env.vars.VITE_APP_NAME}}'
        hosts:
            -
                hostname: 'vue-{{ env.base_domain }}'
                path: /
                servicePort: 8080

Properties

  • buildNodeVersion - label of nodeofficial container image to be used for the build (https://hub.docker.com/_/node)
  • buildCommand - the actual command that will run in the node container to build the static assets
  • buildOutputDir - the folder where the static assets are built by the buildCommand. The contents of this folder will be saved and served as "the site"
  • buildArguments - environment variables to be passed to the build command.