NextWebUI

NextWebUI is a modern, high-performance AI chat user interface built with Next.js.

Features · Model Providers · Deploy Your Own Instance · Run Locally

简体中文 | English

Features

• Ready to use out of the box: Like OpenWebUI, it works right after simple configuration.
• Admin Panel:
  • Easily configure available models for different user groups.
  • Provides a user-friendly model management interface.
• Strong Security:
  • Designed with high security standards.
  • Allows server-side invalidation of user tokens to enhance account security.
• Modern UI:
  • Beautiful interface delivering a high-performance user experience.
  • Built on the Next.js App Router, leveraging React Server Components (RSCs) and Server Actions for server-side rendering and high performance.
• Comprehensive User Settings:
  • Supports user-defined prompts.
  • Offers multiple theme options.
  • Supports multi-language switching.
• Multi-language Support:
  • Built-in English and Chinese translations.
  • Designed for easy extensibility, allowing additional languages to be added effortlessly as needed.
• Data Persistence:
  • Uses PostgresSQL to store chat history and user data.
  • Uses Vercel Blob for efficient file storage in conversations.
• Authentication:
  • Provides secure authentication via Auth.js and Redis.

Model Providers

This project is extended from Chat SDK and uses the AI SDK for model interaction, and supports OpenAI and Ollama by default. You can easily scale with just a few lines of code.

Deploy Your Own Instance

You can deploy NextWebUI to Vercel with one click:

One-click deployment (all needed integrations will be created)

Existing Environment (need to edit all environment variables yourself)

Run Locally

You need to run NextWebUI using the environment variables defined in the .env.example file. We recommend using Vercel environment variables, but creating a .env file is also sufficient.

Note: Never commit your .env file, as it may expose your secrets and allow others to access your AI and authentication service accounts.

1. Install Vercel CLI: npm i -g vercel
2. Link your local instance to your Vercel and GitHub account (this creates a .vercel directory): vercel link
3. Download your environment variables: vercel env pull

pnpm install

pnpm dev

Your NextWebUI application should now be running at localhost:3000.

Acknowledgement

• Vercel: Many thanks to Vercel for creating ChatSDK, which greatly reduced development effort for NextWebUI.
• All Contributors: Thank you to all contributors who have helped improve NextWebUI—your efforts are greatly appreciated.

Support the Developer

If you are a user from China, consider "charging" the developer via bilibili .

Alternatively, a free GitHub Star would mean a lot!

Thank you so much!