Sinequa Mint

December 2, 2025 · View on GitHub

A modern Angular 20+ application boilerplate for building scalable, maintainable, and Sinequa-integrated web apps.

📺 Introduction

📁 Project Structure

📁 src                 # Source folder
├── 📁 app             # Main application folder (components, pages, config, routes)
│   ├── 📁 components  # App-specific reusable components
│   ├── 📁 pages       # Page-level components (home, search, widgets, etc.)
│   ├── 📁 registry    # Document type registry and related logic
│   ├── 🏷️ tokens.ts   # App-wide tokens
│   ├── ⚙️ app.config.ts      # App configuration and providers
│   ├── 🧩 app.component.ts   # Root component logic
│   ├── 📝 app.component.html # Root component template
│   ├── 🗺️ routes.ts          # Application routes
│   └── 🌐 transloco-loader.ts# i18n loader
├── 📁 assets          # Static assets (images, SVGs, error pages, preview scripts, i18n)
├── 📁 environments    # Environment-specific configuration
├── 🎨 styles.css      # Global styles (Tailwind, custom CSS)
├── 🏠 index.html      # Main HTML entry point
├── 🚀 main.ts         # Angular bootstrap
└── 🧩 polyfills.js    # Polyfills for browser compatibility

🧩 Libraries Used

@sinequa/ui: Sinequa's UI component library (framework-agnostic)
@sinequa/atomic: Sinequa's core Atomic library (framework-agnostic logic, services, and utilities)
@sinequa/atomic-angular: Angular-specific Sinequa components and features

🚀 Getting Started

Development Server

ng serve

Navigate to http://localhost:4200/. The app reloads automatically on file changes.

Code Scaffolding

ng generate component component-name

You can also use:

ng generate directive|pipe|service|class|guard|interface|enum|module

Build

ng build

Build artifacts are stored in the dist/ directory.

🧩 Features

Angular 20+ with Signals and Standalone Components
Modular structure: /app for business logic
Sinequa integration (search, analytics, user settings)
UI components from @sinequa/ui, core logic from @sinequa/atomic, and Angular features from @sinequa/atomic-angular
State management with NgRx Signals and TanStack Query
Internationalization with Transloco
TailwindCSS for utility-first styling and custom plugins
Modern UI components (Drawer, Preview, Bookmarks, etc.)
Authentication and user management
Audit and API interaction utilities

📚 Documentation

🛠️ Technical Stack

Framework: Angular 20+
State Management: NgRx Signals, TanStack Query
UI Libraries: @sinequa/ui, @sinequa/atomic, @sinequa/atomic-angular, Angular CDK
Internationalization: Transloco
Styling: TailwindCSS, CSS
Linting & Formatting: ESLint, Prettier
Build Tools: Angular CLI, TypeScript
Other: Husky (git hooks), lint-staged, ngx-sonner, RxJS

🛠️ Further Help

📞 Contact Us

Interested in Sinequa?
Contact us by email or visit our contact page and website.