Firecms

Theme by Firecmsco

|

Updated: 23 May 2025

|

1214 Stars

Awesome Firebase/Firestore-based CMS. The missing admin panel for your Firebase project!

Categories

Overview:

FireCMS is a headless CMS and admin panel designed for developers. It seamlessly integrates with Firebase and Firestore, but is also compatible with any backend. It provides an easy-to-use interface for content managers and marketers, while offering a great data editing experience for developers. With features like a spreadsheet view, robust forms, authentication and permissions, and relational support, FireCMS aims to make it easy to build a CMS/admin tool for any project.

Features:

• Exceptional Spreadsheet View: FireCMS offers a windowed spreadsheet view for collections, allowing inline editing for common fields and popup views for other cases. It supports real-time updates, text search, filtering, sorting, and data exporting.
• Robust Forms: When editing an entity, FireCMS provides nested side dialogs for navigating through subcollections and accessing custom views. It includes over 15 built-in fields, with options for customization and validation. You can also create custom fields as React components. Conditional fields are supported, allowing you to define rules for active fields based on logic.
• Authentication, Permissions, and Role System: FireCMS allows you to define which navigation views users can see and the operations they can perform based on a role system. It supports all Firebase authorization mechanisms by default, with the option to implement your own.
• Relational Support: FireCMS provides support for defining references to other collections, allowing for relational data structures.

Installation:

To install FireCMS, follow these steps:

1. Install the package using npm:

npm install firecms

2. Import the necessary dependencies in your project:

import { FireCMS } from 'firecms';
import firebase from 'firebase/app';
import 'firebase/firestore';

3. Initialize Firebase in your app:

firebase.initializeApp({
  // your Firebase configuration
});

4. Use FireCMS in your code:

const cms = new FireCMS({
  // configuration options
});

Summary:

FireCMS is a developer-centric headless CMS and admin panel that integrates with Firebase and Firestore. It offers features like a spreadsheet view, robust forms, authentication and permissions, and relational support. With its user-friendly interface for marketers and content managers, FireCMS aims to make it easy for developers to build a CMS tool for any project.