logo

Templates

Preconfigured project templates for different architectures and setups

Templates provide a structured starting point for building frontend applications using a modular tooling ecosystem with flexible architecture choices. They are automatically selected by the CLI based on application type, styling preprocessor, and scripting language, removing the need for manual configuration.

Each template is preconfigured with build, runtime, and UI layers, ensuring a consistent and production-ready setup out of the box. SPA templates include full runtime integration with routing, reactivity, and component lifecycle management for dynamic applications.

MPA templates focus on simplicity and performance, generating independent pages optimized for static content and SEO.

All templates are fully standalone, meaning the generated project can be extended, customized, and maintained without dependency on the CLI. This approach allows developers to start quickly while retaining full control over project structure and tooling.

Template Matrix

Templates
SPA  + SCSS + TS  → spa-pug-scss-ts
SPA  + SCSS + JS  → spa-pug-scss-js
SPA  + LESS + TS  → spa-pug-less-ts
SPA  + LESS + JS  → spa-pug-less-js

MPA  + SCSS + TS  → mpa-pug-scss-ts
MPA  + SCSS + JS  → mpa-pug-scss-js
MPA  + LESS + TS  → mpa-pug-less-ts
MPA  + LESS + JS  → mpa-pug-less-js

SPA Templates

SPA templates include full runtime integration with routing and reactivity.

  • DI container
  • SPA Router
  • Reactive state
  • Component lifecycle

MPA Templates

MPA templates generate independent pages with webpack multi-entry setup.

  • No client-side routing
  • Static HTML output
  • Fast and lightweight
  • Ideal for SEO and landing pages

Getting Started

To create a new project using the CLI, follow the quick start guide.

Open CLI Guide