Skip to main content
Version: Next

🏗️ System Architecture

Restricted Access

This documentation is reserved for the development team and administrators.

🎯 Overview​

The ARShades Knowledge Base platform is built on:

  • Frontend: Docusaurus 3.x with React 19
  • Authentication: Firebase Auth
  • Database: Firestore
  • Hosting: Firebase Hosting
  • CMS: Decap CMS (Netlify CMS)

🔐 Authentication System​

Available Roles​

Caricamento...

Authentication Components​

  1. AuthContext: Global state management
  2. RoleBasedAccess: Wrapper for complete pages
  3. AuthContent: Wrapper for MDX content
  4. NavbarManager: Navbar visibility management

📁 Project Structure​

├── docs/                    # Documentation (new structure)
│   ├── getting-started/     # Initial guides
│   ├── user-guides/        # User guides
│   ├── integrations/       # Integrations
│   ├── faq/               # FAQ
│   └── developer-docs/    # Developer docs (protected)
├── src/
│   ├── components/
│   │   ├── AuthContent.js      # 🆕 Content wrapper
│   │   ├── RoleBasedAccess.js  # Page protection
│   │   └── NavbarManager.js    # Navbar management
│   ├── context/
│   │   └── AuthContext.js      # Authentication state
│   └── config/
│       └── firebase.js         # Firebase configuration
└── versioned_docs/         # Previous versions

🎨 Versioning System​

The system supports:

  • Automatic versioning with Docusaurus
  • Backwards compatibility for existing URLs
  • Assisted migration between versions

Versioning Strategy​

Caricamento...

🔧 Environment Configuration​

Environment Variables​

# Firebase Configuration
REACT_APP_FIREBASE_API_KEY=
REACT_APP_FIREBASE_AUTH_DOMAIN=
REACT_APP_FIREBASE_PROJECT_ID=
REACT_APP_FIREBASE_STORAGE_BUCKET=
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=
REACT_APP_FIREBASE_APP_ID=

🚀 Deployment and CI/CD​

Caricamento...

📚 Related documentation: