Hello Dify

A FirstLab project designed to help newcomers quickly learn Dify through best practices.

Visit Now · Report Bug · Request Feature

What is this?

Hello Dify is a documentation website. It serves as:

• Learning Resource: A collection of tutorials and best practices for Dify plugin development
• Reference Implementation: A modern, responsive website demonstrating Fumadocs capabilities
• Community Project: A collaborative effort by FirstLab community members
• Interactive Documentation: Includes real-time interactive demos to help you learn by doing

Features

• 🌐 Multilingual Support: Available in English, Chinese, and Japanese
• 📱 Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
• 🔍 Full-text Search: Quickly find the content you need
• 🎨 Modern UI: Clean, accessible interface with dark mode support
• 📚 Comprehensive Guides: Step-by-step tutorials for beginners and advanced users

Internationalization (i18n)

Hello Dify supports multiple languages through a well-structured internationalization system. To help contributors with the i18n process:

• Cursor Rules Integration: When using Cursor IDE, you can quickly access i18n guidelines by using cursor rules:@i18n.mdc
• Streamlined Workflow: This rule provides templates for translation and automates the meta.json configuration
• File Naming Conventions: Follow the pattern filename.{lang}.mdx for content files (e.g., index.mdx, index.zh.mdx, index.ja.mdx)
• Translation Status: English content is considered the source of truth, with Chinese and Japanese translations maintained in parallel

The i18n rule helps ensure consistent structure across all language versions while maintaining the unique linguistic nuances of each translation.

Technology Stack

• Framework: Next.js
• Documentation: Fumadocs
• Styling: Tailwind CSS
• Icons: Remix Icon
• Deployment: Vercel

Join FirstLab

FirstLab is a community of developers interested in AI development and Dify ecosystem.

• Discord: Join our Discord server to connect with other developers
• X (Twitter): Follow @FirstLabAI for updates

Project Structure

hello-dify/
├── app/                  # Next.js app directory
│   ├── [lang]/           # Multilingual route handling
│   ├── api/              # API routes
│   └── global.css        # Global styles
├── content/              # Documentation content (MDX files)
│   ├── docs/             # Main documentation
│   ├── plugin/           # Plugin-specific documentation
│   └── workflow/         # Workflow guides
├── public/               # Static assets
│   └── images/           # Image files
└── lib/                  # Shared utilities
    └── fumadocs/         # Documentation configuration

Contributors

Want to contribute? Check out our contribution guidelines.

License

This project is licensed under CC-BY-SA-4.0.

Support

If you find this project helpful, consider:

• Starring the repository ⭐
• Sharing it with others who might benefit
• Buying me a coffee ☕