Hello Dify

English | 中文 | 日本語 | Português

Free online tutorials, guides, and best practices for building AI workflows and applications with Dify.

Visit Now · Report Bug · Contribute Usecases

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

Contributing

Want to contribute to Hello Dify? Here's how you can help:

• Fork & Clone: Fork the repository and clone it to your local machine
• Create Content: Add your examples or improvements following our document structure
• Multi-language Support: You must create all three language versions of each document:
  • English (base version): document.mdx
  • Chinese: document.zh.mdx
  • Japanese: document.ja.mdx
• Test Your Changes: Run yarn build to ensure everything compiles correctly (all three language files are required for successful compilation)
• Submit PR: Create a branch and submit a pull request with your changes

For detailed contribution guidelines, see our contribution documentation.

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

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 ☕