Démarrage rapide

Créez votre propre panneau d’administration Firebase et CMS headless avec un contrôle total sur votre infrastructure. Les versions auto-hébergées de FireCMS vous permettent de déployer un puissant back-office basé sur React sur vos propres serveurs, avec une propriété totale des données.

Community vs PRO

Fonctionnalité	Community (Gratuit)	PRO
Interface CRUD complète	✅	✅
Champs React personnalisés	✅	✅
Support TypeScript	✅	✅
Utilisateurs illimités	✅	✅
Historique des entités et piste d’audit	❌	✅
Éditeur de schéma visuel et inférence des données	❌	✅
Import (CSV, JSON, Excel) et export (CSV, JSON)	❌	✅
Interface de gestion des utilisateurs et des rôles	❌	✅
Remplissage automatique par IA (data enhancement)	❌	✅
Support prioritaire	❌	✅
Prix	Gratuit, licence MIT	€99 ($119) / mois pour le premier projet, €49 ($59) par projet supplémentaire, hors taxes

PRO est gratuit pendant 30 jours en production, sans carte bancaire. La page Licences explique comment les projets sont comptés et ce qui est mis en pause sans licence.

Les deux versions sont construites sur React, se connectent à Firebase/Firestore, et vous donnent un panneau d’administration prêt pour la production en quelques minutes.

Créer un nouveau projet via le CLI

Pour créer un nouveau projet avec le CLI, vous pouvez exécuter la commande suivante :

npx create-firecms-app

ou :

yarn create firecms-app

Cela créera un nouveau projet FireCMS, Community ou PRO, dans le dossier sélectionné. Un projet FireCMS est une application React que vous pouvez personnaliser selon vos besoins. Le projet initial aura une structure de base avec quelques collections et quelques vues personnalisées.

Exécuter le projet

Pour exécuter le projet, lancez les commandes suivantes :

cd my-cms
yarn
yarn dev

cd my-cms
npm install
npm run dev

Cela installera les dépendances et démarrera le serveur de développement.

Changer l’URL de base de FireCMS

FireCMS utilise React Router pour gérer le routage de l’application. Vous pouvez changer l’URL de base de FireCMS en modifiant la propriété basename du composant BrowserRouter dans le fichier src/main.tsx. Par exemple, si vous voulez changer l’URL de base en /admin, vous pouvez le faire comme ceci :

import React from "react"
import ReactDOM from "react-dom/client";
import { BrowserRouter } from "react-router-dom";

import "./index.css"
import App from "./App";

ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
    <React.StrictMode>
        <BrowserRouter basename={"/admin"}>
            <App/>
        </BrowserRouter>
    </React.StrictMode>
)