Getting Started

Welcome to Our Documentation

This is a comprehensive guide to help you get started with our Next.js template and documentation system powered by Fumadocs.

Features

Our documentation system includes:

• Modern UI: Built with Fumadocs UI for a beautiful, responsive design
• MDX Support: Write content in MDX with React components
• Code Highlighting: Syntax highlighting for multiple languages
• Search: Built-in search functionality
• Dark Mode: Automatic dark/light mode support
• Internationalization: Multi-language support with language switcher

Installation

To get started, install the dependencies:

pnpm install
# or
npm install
# or
yarn install

Development

Start the development server:

pnpm dev
# or
npm run dev
# or
yarn dev

Code Examples

Here's a simple React component example:

import React from 'react';

const HelloWorld = () => {
  return (
    <div className="p-4 bg-blue-100 rounded-lg">
      <h1 className="text-2xl font-bold text-blue-800">
        Hello, World!
      </h1>
      <p className="text-blue-600">
        Welcome to our documentation system.
      </p>
    </div>
  );
};

export default HelloWorld;

Internationalization

This documentation system supports multiple languages:

• Access English documentation: /en/docs
• Access Chinese documentation: /zh/docs

The language switcher in the navigation allows users to switch between languages seamlessly.

Next Steps

• Explore the Components section
• Learn about Configuration
• Check out Examples