Zooly Docs

Documentation application

Overview

zooly-docs is the documentation application for the Zooly platform. It's built using Next.js and Fumadocs MDX to provide a comprehensive documentation site.

Url: https://docs.zooly.ai

App Details

  • App Name: zooly-docs
  • Location: apps/zooly-docs
  • Framework: Next.js 16 + Fumadocs MDX
  • Port: 3006 (development)

Architecture

This documentation app:

  • Uses Next.js for the framework
  • Uses Fumadocs MDX for documentation rendering
  • Supports MDX files with React components
  • Includes search functionality
  • Provides a modern documentation UI

Key Features

  • MDX-based documentation
  • Search functionality
  • Code syntax highlighting
  • Mermaid diagram support
  • Table of contents
  • Navigation sidebar
  • Responsive design

Documentation Structure

Documentation is organized into sections:

  • Getting Started
  • Auth
  • Domain Topology
  • Local Environment
  • DB Setup
  • Packages
  • Apps

Dependencies

  • Next.js 16
  • React 19
  • Fumadocs Core & MDX
  • MDX.js
  • Mermaid for diagrams
  • Shiki for syntax highlighting
  • Radix UI components
  • Tailwind CSS

Scripts

  • dev - Start development server on port 3006 (runs fumadocs-mdx first)
  • build - Build for production (runs fumadocs-mdx first)
  • start - Start production server
  • lint - Run ESLint

Content

Documentation content is stored in content/docs/ and organized by topic. Each section has its own directory with MDX files and a meta.json file for navigation configuration.