Skip to main content

Main components

Open Self Service (O2S) consists of several core components, each designed to provide a modular, scalable, and API-first approach to building self-service applications. This section provides an overview of these components and how they work together.

Next.js frontend​

A high-performance, modular frontend application built with Next.js and shadcn/ui. It includes pre-built pages and components that are fully customizable and can be extended to meet specific project needs.

Learn more:​

  • Component structure – Understand how UI components are structured.
  • Routing – Learn about the routing system and dynamic page handling.
  • Internationalization – Enable multi-language support in your application.
  • Authentication – Manage user authentication with NextAuth and role-based access control.

API Harmonization server​

A NestJS-based backend layer that aggregates, normalizes, and orchestrates data from multiple headless APIs into a unified data model, ensuring consistency and simplifying integration.

Learn more:​

UI library​

A collection of pre-designed UI components built with shadcn/ui and Tailwind CSS, offering reusable elements for a modern, cohesive frontend experience.

Learn more:​

  • Theming – Customize the appearance of UI components to match your brand.

SDK​

Simplifies data fetching and integration with the API Harmonization server for multiple touchpoints, including web, mobile, and other.

Integrations​

Pre-built connectors for popular headless services like StrapiCMS, NextAuth (currently), with more planned, including CRMs, ERPs and commerce APIs. Easily extend and add new integrations as needed.