Background

About this boilerplate

The patterns here come from a production Vue application and a production Cloudflare service, generalised so they can be configured per project rather than copied per project.

Foundations

Two patterns worth reading the source for

Identity

Software Engineer and DevOps Engineer working on Kubernetes, Terraform and multi-cloud infrastructure, and the author of this boilerplate.

Declared as a Person in src/config/identity.ts, which determines the entity type at the root of the structured-data graph.

  • Kubernetes
  • Terraform
  • DevOps
  • Cloud Computing
  • Vue.js
  • TypeScript

Service layer

This card calls api.health.getStatus() after mount rather than during prerendering, so the value reflects now and not build time.

Statusunknown

Architecture

The layers, and which way imports may point

  1. Kernel and leaves
    • core/
    • types/
    • utils/
  2. Configuration
    • config/
  3. Service layer
    • services/
  4. Presentation
    • views/
    • components/

A layer may import from the ones above it in this list and never the other way round. These are ESLint rules rather than conventions, because an import that breaks a boundary looks exactly like every other import at the moment it is written.