Developer Guide
The DSS Base Template is the official Next.js frontend template designed to consume and render content managed in Visor Studio. It provides a standardized, config-driven foundation that connects to Visor’s content APIs and handles page rendering, layout resolution, widget rendering, and theming.
The DSS Base Template is built on Next.js. A solid understanding of Next.js concepts — such as the App Router, Server Components, dynamic routing, and data fetching — will significantly help you navigate, customize, and extend this template. If you are new to Next.js, reviewing the official Next.js documentation alongside this guide is strongly recommended.
What’s Covered
| Section | Description |
|---|---|
| Overview | Architecture overview, rendering modes (SSR/SSG), routing, and how the template connects to Visor’s DaaS API. |
| Setup & Local Development | How to configure environment variables and run the template locally. |
| Layouts | How platform layouts are defined and resolved from Visor configuration. |
| Widgets | How platform widgets are registered, matched, and rendered using the WIDGET_CONTRACT. |
| Theme | SCSS-based theming, CSS variables, and runtime theme loading from Visor settings. |
Last updated on