Skip to content

Project

NX Docs

Automated documentation platform for the NX Framework. Includes a custom TypeScript CLI tool for doc generation and a Next.js static site....

Description

Automated documentation platform for the NX Framework. Includes a custom TypeScript CLI tool for doc generation and a Next.js static site.

Goals

  • Automate the generation of API documentation for NX services.
  • Provide an interactive, responsive user interface for exploring code-level API structures.
  • Ensure documentation stays synchronized with the codebase across refactors and updates.

Features

  • Auto-generated documentation: A custom CLI scans and parses service modules, producing structured JSON used to build an API reference interface.
  • Type-aware parsing: Utilizes the TypeScript Compiler API to extract detailed metadata including parameter types, return values, default arguments, and JSDoc annotations.
  • Modular support: Supports both client-side and server-side modules, organizing documentation based on service type and project structure.
  • Method introspection: Provides complete method signature details including descriptions, return types, and examples extracted from source annotations.
  • UI-centric documentation interface: A modern documentation frontend built with Next.js, SCSS, Recoil and Framer Motion, focused on performance and maintainability.
  • Live documentation updates: Changes in the codebase are immediately reflected in the documentation after running the CLI, with support for localization and scoped environments.

Learning outcomes

  • Developed static analysis tooling with the TypeScript Compiler API.
  • Created CLI utilities to automate service metadata extraction.
  • Implemented a scalable documentation system that remains in sync with source code.