ChatGPT Nuxt

One-Click to get well-designed cross-platform ChatGPT web UI.

Still in rapid development, the interfaces and project structure are constantly being adjusted. There are no documentation at this stage, and the code is relatively rough. Please make sure that you can understand the code. For serious use, please wait for version v0.1.

Features

• Nuxt 3 + Vite + TailwindCSS + PWA
• i18n support, including English and 简体中文
• Well-designed UI inspired by ChatGPT-Next-Web
• TODO: Inherits most features from ChatGPT-Next-Web, but much more extensible and opinionated.
• TODO: Local storage for privacy concerns, but offers the option to use cloud services and embrace langchain ecosystem.
• TODO: Mobile-friendly interface
• TODO: One-click deployment and automatic updating.
• TODO: Support POE

ScreenShot

TODO

• v0.1 🔥 Complete the migration of all features from ChatGPT-Next-Web
• v0.2 Improve code quality, implement one-click deployment and one-click updates
• v0.3 Complete responsiveness, adapt to mobile devices
• v0.9 Support hybrid storage, support browser local storage (localStorage) and cloud storage for chat messages

Tech Tack

• 💚 Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc.
• ⚡️ Vite - Instant HMR.
• 🎨 TailwindCSS - The CSS engine.
• 😃 Use icons from any icon sets Nuxt Icon.
• 🔥 The <script setup lang="ts"> syntax.
• 🍍 State Management via Pinia.
• 📥 APIs auto importing - for Composition API, VueUse.
• 🏎 Zero-config cloud functions and deploy.
• 🦾 TypeScript, of course.
• 📲 PWA with offline support and auto update behavior.

Credits

• https://github.com/Yidadaa/ChatGPT-Next-Web
• https://github.com/antfu/vitesse-nuxt3
• https://github.com/nuxt/content
• https://github.com/nuxtlabs/ui
• https://github.com/sindresorhus/github-markdown-css
• https://github.com/remarkjs/remark-rehype