# NextChat | NextChat | Knowledge Base | Instagit

✨ Light and Fast AI Assistant. Support: Web | iOS | MacOS | Android |  Linux | Windows

GitHub Stars: 87.4k

Repository: https://github.com/ChatGPTNextWeb/NextChat

---

## Articles

### [NextChat VISION_MODELS Environment Variable: Purpose and Configuration Guide](/ChatGPTNextWeb/NextChat/purpose-of-vision_models-environment-variable-in-nextchat)

Configure NextChat VISION_MODELS to specify vision-enabled models, overriding default detection. This guide explains its purpose and setup for administrators.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Customize Available Models in NextChat Using the CUSTOM_MODELS Environment Variable](/ChatGPTNextWeb/NextChat/how-to-customize-available-models-with-custom_models)

Easily customize NextChat models with the CUSTOM_MODELS environment variable. Add, remove, or rename models without changing source code. Control your AI chatbot experience.

- Tags: how-to-guide
- Published: 2026-02-28

### [How Internationalization (i18n) is Implemented in NextChat: A Technical Deep Dive](/ChatGPTNextWeb/NextChat/how-is-internationalization-i18n-implemented-in-nextchat)

Discover how NextChat implements internationalization i18n using a TypeScript system with locale registry, fallback merging, browser language detection, and localStorage.

- Tags: deep-dive
- Published: 2026-02-28

### [How Can AI Models Trigger Plugins in NextChat: A Deep Dive into Function Calling](/ChatGPTNextWeb/NextChat/how-can-ai-models-trigger-plugins-in-nextchat)

Discover how NextChat empowers AI models to trigger plugins using OpenAPI 3.0 function calling. Learn how LLM requests execute external APIs and stream results.

- Tags: deep-dive
- Published: 2026-02-28

### [How the Plugins System in NextChat Works: OpenAPI to Function Tools](/ChatGPTNextWeb/NextChat/how-does-the-plugins-system-in-nextchat-work)

Discover how NextChat's plugins system transforms OpenAPI services into LLM function tools for seamless external service integration during your chats.

- Tags: internals
- Published: 2026-02-28

### [How to Build a Desktop Application from NextChat Using Tauri](/ChatGPTNextWeb/NextChat/how-to-build-desktop-app-from-nextchat-using-tauri)

Learn to build a desktop app for NextChat using Tauri. Package your Next.js web app into native Windows macOS and Linux binaries with this powerful Rust framework.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Enable PWA Support for NextChat: Complete Configuration Guide](/ChatGPTNextWeb/NextChat/how-do-i-enable-pwa-support-for-nextchat)

Easily enable PWA support for NextChat with this complete configuration guide. Deploy over HTTPS for installable PWA functionality in your ChatGPTNextWeb instance.

- Tags: how-to-guide
- Published: 2026-02-28

### [Requirements for Using Vision Models with NextChat: Complete Setup Guide](/ChatGPTNextWeb/NextChat/what-are-the-requirements-for-using-vision-models-with-nextchat)

Discover the requirements for using Vision models with NextChat. Get your API key, install Node.js 18, and configure your model name for seamless integration. Start building today!

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Configure Text-to-Speech (TTS) in NextChat: A Complete Guide](/ChatGPTNextWeb/NextChat/how-can-i-configure-text-to-speech-tts-in-nextchat)

Configure Text-to-Speech TTS in NextChat easily. Follow this guide to enable TTS, choose engines like OpenAI-TTS or Edge-TTS, and customize voice and speed for a personalized experience.

- Tags: how-to-guide
- Published: 2026-02-28

### [How NextChat Synchronizes Chat History with WebDAV and Upstash](/ChatGPTNextWeb/NextChat/how-does-nextchat-handle-chat-history-sync-webdav-upstash)

Learn how NextChat synchronizes chat history using WebDAV and Upstash through a unified SyncClient. Discover how remote state is retrieved merged and pushed back to cloud providers.

- Tags: deep-dive
- Published: 2026-02-28

### [How to Enable Stable Diffusion Integration in NextChat: A Complete Configuration Guide](/ChatGPTNextWeb/NextChat/how-can-i-enable-stable-diffusion-integration-in-nextchat)

Effortlessly integrate Stable Diffusion into NextChat with this complete guide. Learn to configure Stability AI, set your API key, and start generating images at /sd.

- Tags: how-to-guide
- Published: 2026-02-28

### [MCP Support in NextChat: Enabling Model Context Protocol for AI Tool Integration](/ChatGPTNextWeb/NextChat/what-is-mcp-model-context-protocol-support-in-nextchat)

NextChat adds MCP support enabling AI models to integrate with external tools like file systems and web search via JSON-RPC. Explore seamless AI tool integration.

- Tags: deep-dive
- Published: 2026-02-28

### [How to Create Custom Prompt Templates and Masks in NextChat](/ChatGPTNextWeb/NextChat/how-can-i-create-custom-prompt-templates-masks-for-nextchat)

Learn to create custom prompt templates and masks in NextChat by editing JSON files or using the Settings UI. Enhance your AI interactions with personalized prompts.

- Tags: how-to-guide
- Published: 2026-02-28

### [How the Prompt Template (Mask) System Works in NextChat: A Technical Deep Dive](/ChatGPTNextWeb/NextChat/how-does-the-prompt-template-mask-system-work-in-nextchat)

Explore NextChat's prompt template system. Learn how masks pre-define contexts and configurations for automatic chat session initialization and discover technical details of its persistent Zustand store.

- Tags: deep-dive
- Published: 2026-02-28

### [How Environment Variables Configure Providers in NextChat: A Complete Guide](/ChatGPTNextWeb/NextChat/how-are-environment-variables-used-for-configuring-nextchat)

Learn how NextChat uses environment variables to configure providers. Discover how API keys, endpoints, and flags are set via process.env for seamless LLM client integration.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Integrate a New AI Provider into NextChat: A Complete Developer Guide](/ChatGPTNextWeb/NextChat/how-can-i-integrate-a-new-ai-provider-into-nextchat)

Learn to integrate a new AI provider into NextChat with this developer guide. Extend enums, create API routes, and map providers for seamless integration.

- Tags: how-to-guide
- Published: 2026-02-28

### [What Is the Role of Platform Adapters in NextChat's Architecture?](/ChatGPTNextWeb/NextChat/what-is-the-role-of-platform-adapters-in-nextchats-architecture)

Discover how NextChat platform adapters normalize AI provider differences. Learn how this architecture enables seamless integration with OpenAI, Gemini, Claude, and more for a unified user experience.

- Tags: architecture
- Published: 2026-02-28

### [How API Routes in NextChat Function as Proxies for AI Services](/ChatGPTNextWeb/NextChat/how-do-api-routes-in-nextchat-function-as-proxies)

Discover how NextChat API routes act as secure proxies for AI services. Learn about request authentication, vendor forwarding, and response streaming for a seamless AI experience.

- Tags: internals
- Published: 2026-02-28

### [Client-Side State Management in NextChat: Zustand-Style Stores Explained](/ChatGPTNextWeb/NextChat/how-is-client-side-state-managed-in-nextchat)

Explore how NextChat manages client-side state with Zustand-style stores. Learn about custom utilities for IndexedDB persistence and versioned migrations.

- Tags: internals
- Published: 2026-02-28

### [Next.js App Router Structure in NextChat: A Comprehensive Technical Guide](/ChatGPTNextWeb/NextChat/explain-nextjs-app-router-structure-in-nextchat)

Explore the Next.js App Router structure in NextChat using file-system routing and edge runtime API handlers. Learn its dual-configuration pattern for server-side secrets and client-side feature flags.

- Tags: deep-dive
- Published: 2026-02-28

### [Key Features of the NextChat Application for Developers: Self-Hosting, Extensibility, and Cross-Platform Deployment](/ChatGPTNextWeb/NextChat/what-are-the-key-features-of-nextchat-for-developers)

Explore NextChat's key features for developers: self-hosting, extensibility, and cross-platform deployment. Enjoy a privacy-first, pluggable chat interface.

- Tags: tutorial
- Published: 2026-02-28

### [How NextChat Supports Multiple AI Models: Claude, Gemini, and GPT-4 Integration](/ChatGPTNextWeb/NextChat/how-does-nextchat-support-multiple-ai-models)

NextChat enables seamless integration of Claude, Gemini, and GPT-4 via its provider-agnostic architecture and dynamic adapter system. Discover how NextChat supports multiple AI models easily.

- Tags: deep-dive
- Published: 2026-02-28

### [Primary Technologies Used in NextChat: Next.js 14, TypeScript, and Tauri Stack Explained](/ChatGPTNextWeb/NextChat/what-are-the-primary-technologies-used-in-nextchat)

Discover the core technologies powering NextChat: Next.js 14, TypeScript, React, Zustand, and Tauri. Learn how this stack creates a powerful desktop and web AI chat experience.

- Tags: deep-dive
- Published: 2026-02-28

### [How to Set Up NextChat for Local Development: Complete Guide](/ChatGPTNextWeb/NextChat/how-to-set-up-nextchat-for-local-development)

Easily set up NextChat for local development. Clone the repo, configure your API key, install dependencies, and run `yarn dev` to start your private ChatGPT clone locally. Get the complete guide now.

- Tags: how-to-guide
- Published: 2026-02-28