@foliokit/cms-admin-ui

⚠️ Unstable API

This package provides internal admin tooling for the FolioKit CMS. While published as 1.x, the API surface is not yet stabilised for external consumers and may change between minor versions. Use at your own risk in production applications.

Admin UI editor components for the FolioKit CMS. Provides ngrx signal stores and standalone Angular components for managing posts, authors, site config, and media uploads.

Part of the FolioKit ecosystem.

Install

npm install @foliokit/cms-admin-ui

Peer Dependencies

| Package | Version | |---------|---------| | @angular/cdk | ^21.2.2 | | @angular/common | ^21.2.4 | | @angular/core | ^21.2.4 | | @angular/forms | ^21.2.4 | | @angular/material | ^21.2.2 | | @angular/router | ^21.2.4 | | @foliokit/cms-core | ^1.0.0 | | @ngrx/signals | ^21.0.1 | | firebase | ^11.10.0 | | rxjs | ~7.8.0 |

Quick Start

// app.config.ts
import { provideFolioKit } from '@foliokit/cms-core';
import { provideAdminKit } from '@foliokit/cms-admin-ui';

export const appConfig: ApplicationConfig = {
  providers: [
    provideRouter(appRoutes),
    provideFolioKit({ firebaseConfig: environment.firebase, siteId: 'my-site' }),
    provideAdminKit({ adminEmail: '[email protected]' }),
  ],
};

// app.routes.ts
import { adminRoutes } from '@foliokit/cms-admin-ui';

export const appRoutes: Route[] = [...adminRoutes];

What's Included

Signal Stores:

• PostEditorStore / PostsListStore — post CRUD and list management
• AuthorEditorStore — author editing
• SiteConfigEditorStore — site configuration editing

Components:

• PostsBoardComponent — kanban-style post management
• PostsListComponent — table-based post management
• PostEditorMediaTabComponent — cover image and embedded media upload
• LinksEditorFormComponent — links page content editor

Full Documentation

foliokitcms.com/docs/getting-started