Business Compliance Automation Template

A modern, full-stack template for building business compliance automation platforms using AI. Built with Next.js 15, Firebase, and Google Gemini AI.

Features

• AI Document Generation - Contracts, NDAs, Meeting Minutes, Reports
• AI Compliance Chat - Legal assistant powered by Gemini AI
• Firebase Integration - Auth, Firestore, Storage, Cloud Functions
• LGPD Compliant - Privacy policy, cookie consent, DPO contact
• Modern UI - Material-UI v7, responsive design
• SEO Optimized - Schema.org, robots.txt, sitemap

Tech Stack

• Frontend: Next.js 15 (App Router), React 19, TypeScript
• UI: Material-UI v7 (Pigment CSS)
• Backend: Firebase (Firestore, Auth, Storage, Functions)
• AI: Google Gemini via Firebase AI Logic SDK
• Styling: Emotion, CSS-in-JS

Getting Started

Prerequisites

• Node.js 18+
• Firebase project
• Google Cloud project with Gemini API enabled

Installation

1. Clone the repository:

git clone https://github.com/your-username/your-repo.git
cd your-repo

2. Install dependencies:

npm install

3. Copy environment variables:

cp .env.example .env.local

4. Configure your .env.local with Firebase credentials:

NEXT_PUBLIC_FIREBASE_API_KEY=your-api-key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your-project.firebaseapp.com
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your-project-id
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your-project.firebasestorage.app
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your-sender-id
NEXT_PUBLIC_FIREBASE_APP_ID=your-app-id
NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=G-XXXXXXXXXX
NEXT_PUBLIC_SITE_URL=https://your-domain.com

5. Start development server:

npm run dev

Firebase Setup

1. Create a Firebase project at console.firebase.google.com
2. Enable Authentication (Email/Password + Google)
3. Create Firestore database
4. Enable Storage
5. Deploy security rules:

firebase deploy --only firestore:rules,storage:rules

Deploy to Firebase App Hosting

1. Update apphosting.yaml with your Firebase config
2. Update .firebaserc with your project ID
3. Connect to Firebase App Hosting:

firebase apphosting:create

Project Structure

├── app/                    # Next.js App Router pages
│   ├── (auth)/            # Auth pages (login, register)
│   ├── dashboard/         # Main app dashboard
│   ├── documentos/        # Document management
│   ├── chat/              # AI chat interface
│   ├── legal/             # Legal pages
│   └── layout.tsx         # Root layout
├── components/            # Reusable React components
├── lib/                   # Utilities and Firebase config
├── functions/             # Firebase Cloud Functions
├── public/                # Static assets
└── .claude/               # Claude Code configuration

Customization

Branding

Update these files with your company information:

• app/layout.tsx - Metadata, company name, URLs
• components/Footer.tsx - Footer links
• public/images/ - Logo and brand assets

Legal Pages

The template includes LGPD-compliant legal pages:

• Terms of Use (/legal/termos)
• Privacy Policy (/legal/privacidade)
• Cookie Policy (/legal/cookies)
• DPO Contact (/legal/dpo)

Update the company information placeholders in app/legal/*/page.tsx.

Document Types

Add new document types in app/documentos/novo/[type]/page.tsx.

Environment Variables

Variable	Description
NEXT_PUBLIC_FIREBASE_*	Firebase configuration
NEXT_PUBLIC_SITE_URL	Your production URL
NEXT_PUBLIC_CONTACT_EMAIL	Contact email
NEXT_PUBLIC_DPO_EMAIL	DPO email for LGPD

Scripts

npm run dev       # Start development server
npm run build     # Build for production
npm run start     # Start production server
npm run lint      # Run ESLint

Contributing

Contributions are welcome! Please open an issue or submit a pull request.

License

This project is open source and available under the MIT License.