# dify-chat | lexmin0412 | Knowledge Base | Instagit

一个 Dify 应用管理平台，基于 Dify API 构建，提供深度优化的用户端交互界面，支持 Chatflow、Workflow 等多种 Dify 应用类型，适配深度思考、思维链、图表渲染、文件处理等丰富的 AI 输出形式，提供开箱即用的 AI 应用解决方案。

GitHub Stars: 725

Repository: https://github.com/lexmin0412/dify-chat

---

## Articles

### [What is the Purpose of the Prisma ORM in the Dify Chat Platform?](/lexmin0412/dify-chat/what-is-the-purpose-of-the-prisma-orm-in-the-dify-chat-platform)

Discover how Prisma ORM streamlines database access in Dify Chat. Learn about its type-safe data layer and auto-generated clients for efficient MariaDB operations.

- Tags: how-to-guide
- Published: 2026-03-06

### [Where Are the Layout Definitions for the Dify Chat React-App Located?](/lexmin0412/dify-chat/where-are-the-layout-definitions-for-the-dify-chat-react-app-located)

Find Dify Chat React-app layout definitions in the packages/react-app/src/layout directory. Discover reusable components like MainLayout, ChatLayout, and WorkflowLayout.

- Tags: how-to-guide
- Published: 2026-03-06

### [How Dify Chat React-App Handles Interactive Forms: Markdown-Driven UI Architecture](/lexmin0412/dify-chat/how-does-the-dify-chat-react-app-handle-interactive-forms)

Discover how Dify Chat's react-app uses markdown to build interactive forms with Ant Design components. Learn about its unique UI architecture for seamless form submissions.

- Tags: architecture
- Published: 2026-03-06

### [Can Dify Chat Render Charts and Videos Generated by AI?](/lexmin0412/dify-chat/can-dify-chat-render-charts-and-videos-generated-by-ai)

Discover if Dify Chat renders AI-generated charts and videos. Learn how its MarkdownRenderer supports ECharts, Mermaid, and HTML video tags for seamless integration.

- Tags: how-to-guide
- Published: 2026-03-06

### [How the Mermaid Block Renderer Works in Dify Chat: A Deep Dive into the Flowchart Component](/lexmin0412/dify-chat/how-does-the-mermaid-block-renderer-work-in-dify-chat)

Explore the Dify Chat Mermaid block renderer. Learn how it processes flowchart components, lazily loads libraries, debounces rendering, and outputs SVG diagrams as base64 images.

- Tags: deep-dive
- Published: 2026-03-06

### [What Types of Rich Content Can Dify Chat Render Beyond Markdown?](/lexmin0412/dify-chat/what-types-of-rich-content-can-dify-chat-render-besides-markdown)

Discover the rich content Dify Chat renders beyond Markdown: images, videos, code, diagrams, charts, SVG, LaTeX, forms, buttons, and more for enhanced user experiences.

- Tags: deep-dive
- Published: 2026-03-06

### [How Dify Chat Renders Markdown Content from AI: A Complete Technical Guide](/lexmin0412/dify-chat/how-does-dify-chat-render-markdown-content-from-ai)

Discover how Dify Chat renders AI markdown content using react-markdown and pre-processors for LaTeX and custom tags. Explore the multi-stage pipeline.

- Tags: technical-guide
- Published: 2026-03-06

### [How to Enable Multi-Application Mode in Dify Chat: A Complete Guide](/lexmin0412/dify-chat/what-is-required-to-enable-multi-application-mode-in-dify-chat)

Unlock Dify Chat's multi-application mode. This guide details the required Dify API endpoint, front-end deployment, and app configurations for seamless integration.

- Tags: how-to-guide
- Published: 2026-03-06

### [How to Embed a Single Dify Chat Application into Your Website](/lexmin0412/dify-chat/how-can-i-embed-a-single-dify-chat-application-into-my-website)

Easily embed a single Dify Chat application into your website with a simple script tag. Get your Dify chat UI powered on any page to enhance user interaction and support.

- Tags: how-to-guide
- Published: 2026-03-06

### [Dify Chat React App UI Components: Complete Architecture Guide](/lexmin0412/dify-chat/what-ui-components-does-the-dify-chat-react-app-use)

Explore the Dify Chat React App UI components architecture. Discover modular design, message handling, markdown rendering, and layout wrappers powering the chat interface. See the full guide.

- Tags: architecture
- Published: 2026-03-06

### [Where Are the Running Mode Constants Defined in Dify Chat's Core Package?](/lexmin0412/dify-chat/where-are-the-running-mode-constants-defined-in-dify-chats-core-package)

Discover where Dify Chat defines its running mode constants in the core package. Find the immutable RunningModes object in index.ts for easy access via @dify-chat/core.

- Tags: internals
- Published: 2026-03-06

### [How Dify Chat Handles User Authentication: Next-Auth 4 and Prisma Implementation](/lexmin0412/dify-chat/how-does-the-dify-chat-platform-handle-user-authentication)

Learn how Dify Chat implements user authentication using Next-Auth 4 and Prisma. See email/password validation, JWT sessions, and secure route methods.

- Tags: authentication-guide
- Published: 2026-03-06

### [Benefits of Using Dify Chat in Multi-Application Mode for Enterprise AI Management](/lexmin0412/dify-chat/what-are-the-benefits-of-using-dify-chat-in-multi-application-mode)

Discover the benefits of Dify Chat's multi-application mode for enterprise AI management. Streamline operations, reduce complexity, and unify multiple AI assistants from one dashboard.

- Tags: benefits
- Published: 2026-03-06

### [How to Configure Dify Chat for Single Application Mode: A Complete Guide](/lexmin0412/dify-chat/how-to-configure-dify-chat-for-single-application-mode)

Easily configure Dify Chat single application mode. Learn to set RUNNING_MODE or initialize runtime with singleApp and provide API credentials for seamless integration.

- Tags: how-to-guide
- Published: 2026-03-06

### [Is the Components Package in Dify Chat Still Supported?](/lexmin0412/dify-chat/is-the-components-package-in-dify-chat-still-supported)

Discover the support status of the @dify-chat/components package in lexmin0412/dify-chat. Learn why it's deprecated and what this means for your projects.

- Tags: support-question
- Published: 2026-03-06

### [How Documentation for Dify Chat Is Generated: The Complete Technical Guide](/lexmin0412/dify-chat/how-is-the-documentation-for-dify-chat-generated)

Discover how Dify Chat generates its documentation using Rspress and Markdown. This technical guide explains the process for the lexmin0412/dify-chat repository.

- Tags: technical-guide
- Published: 2026-03-06

### [Which Package Contains Utility Functions in the Dify Chat Monorepo?](/lexmin0412/dify-chat/which-package-contains-utility-functions-used-across-the-dify-chat-monorepo)

Find the core utility functions in the Dify Chat monorepo within the packages/helpers package. This centralized library provides essential tools for your Dify Chat projects.

- Tags: internals
- Published: 2026-03-06

### [How Dify Chat Ensures Visual Consistency with Its Theme Package: CSS Variables and Design Tokens](/lexmin0412/dify-chat/how-does-dify-chat-ensure-visual-consistency-with-its-theme-package)

Discover how Dify Chat's theme package maintains visual consistency using CSS variables and design tokens, ensuring pixel-perfect design across light, dark, and system modes.

- Tags: deep-dive
- Published: 2026-03-06

### [Key Features of the Dify Chat React App: Architecture and Capabilities](/lexmin0412/dify-chat/what-are-the-key-features-of-the-dify-chat-react-app)

Explore Dify Chat React app features, including its modular architecture, scoped API instances, Mermaid/ECharts support for markdown rendering, and responsive theming. Discover its capabilities.

- Tags: getting-started
- Published: 2026-03-06

### [How the Dify Chat Platform Is Built with Next.js 15 App Router](/lexmin0412/dify-chat/how-is-the-dify-chat-platform-built-using-nextjs-and-app-router)

Discover how Dify Chat is built with Next.js 15 App Router. Learn about React Server Components, Route Handlers, and Next-Auth for a unified full-stack experience.

- Tags: architecture
- Published: 2026-03-06

### [Where to Find Core Abstractions and React Hooks in Dify Chat](/lexmin0412/dify-chat/where-can-i-find-the-core-abstractions-and-react-hooks-in-dify-chat)

Discover where Dify Chat centralizes core abstractions and React hooks in the packages/core workspace. Find domain types in src/repository/app/ and reusable hooks in src/hooks/.

- Tags: internals
- Published: 2026-03-06

### [Dify Chat API Client Package: Complete Functionalities and TypeScript Implementation Guide](/lexmin0412/dify-chat/what-functionalities-does-the-dify-chat-api-client-package-offer)

Explore the Dify Chat API client package. This TypeScript SDK offers full typed support for authentication, HTTP requests, conversation, message, file, workflow, audio, and annotation management.

- Tags: deep-dive
- Published: 2026-03-06

### [How Dify Chat Uses a PNPM Workspace to Structure Its Monorepo](/lexmin0412/dify-chat/how-does-the-pnpm-workspace-structure-dify-chats-monorepo)

Discover how Dify Chat structures its monorepo with a PNPM workspace. Learn about package linking, versioning, and selective builds for efficient development.

- Tags: internals
- Published: 2026-03-06

### [Dify Chat Project Architecture: A Comprehensive Guide to the TypeScript Monorepo Structure](/lexmin0412/dify-chat/what-is-the-overall-architecture-of-the-dify-chat-project)

Explore the Dify Chat project architecture a TypeScript monorepo. Understand its pnpm workspace structure separating utilities logic hooks and frontend apps for a clean user interface and admin console.

- Tags: architecture
- Published: 2026-03-06