Quickstart

Costruisci il tuo pannello admin Firebase e CMS headless con pieno controllo sulla tua infrastruttura. Le versioni self-hosted di FireCMS ti permettono di distribuire un potente back-office basato su React sui tuoi server, con completa proprietà dei dati.

Community vs PRO

Funzionalità	Community (Gratuito)	PRO
UI CRUD completa	✅	✅
Campi React personalizzati	✅	✅
Supporto TypeScript	✅	✅
Utenti illimitati	✅	✅
Cronologia delle entità e audit trail	❌	✅
Editor visuale dello schema e inferenza dei dati	❌	✅
Import (CSV, JSON, Excel) ed export (CSV, JSON)	❌	✅
UI per la gestione di utenti e ruoli	❌	✅
Compilazione automatica con IA (data enhancement)	❌	✅
Supporto prioritario	❌	✅
Prezzo	Gratuito, licenza MIT	€99 ($119) / mese per il primo progetto, €49 ($59) per ogni progetto aggiuntivo, più IVA

PRO è gratuito per 30 giorni in produzione, senza carta. La pagina Licenze spiega come si contano i progetti e cosa si mette in pausa senza licenza.

Entrambe le versioni sono costruite su React, si connettono a Firebase/Firestore, e ti forniscono un pannello admin pronto per la produzione in pochi minuti.

Crea un nuovo progetto usando la CLI

Per creare un nuovo progetto usando la CLI, puoi eseguire il seguente comando:

npx create-firecms-app

oppure:

yarn create firecms-app

Questo creerà un nuovo progetto FireCMS, Community o PRO, nella cartella selezionata. Un progetto FireCMS è un’applicazione React che puoi personalizzare per soddisfare le tue esigenze. Il progetto iniziale avrà una struttura base con alcune collezioni e un paio di viste personalizzate.

Avviare il progetto

Per avviare il progetto, esegui i seguenti comandi:

cd my-cms
yarn
yarn dev

oppure

cd my-cms
npm install
npm run dev

Questo installerà le dipendenze e avvierà il server di sviluppo.

Cambiare l’URL base di FireCMS

FireCMS usa React Router per gestire il routing dell’applicazione. Puoi cambiare l’URL base di FireCMS modificando la proprietà basename del componente BrowserRouter nel file src/main.tsx. Ad esempio, se vuoi cambiare l’URL base in /admin, puoi farlo così:

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>
)