开源全站第一个Nextron(NextJS+electron)项目--NextTalk：一款集成chatgpt的实时聊天工具

已于 2024-11-02 16:29:36 修改
阅读量2k 收藏 18
点赞数 57
CC 4.0 BY-SA版权
分类专栏： 前端开发 文章标签： 开源 github nextjs 前端 react.js typescript tailwindcss
于 2024-11-01 19:37:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_74099184/article/details/143439126

NextTalk

简介

该项目是一个基于Nextron(NextJS+Electron)的桌面端实时聊天工具。

但由于使用了NextJS中的ssr及api route功能，该程序只能在开发环境运行。

关于生产版本：我将其网页端部分分离，并用Pake将其打包成桌面端，生产体验安装包我放在了release里，目前只打包了windows版本。

github:Mebius1916/NextTalk: A real-time chat tool based on nextron (NextJS+electron) with integrated AI functions

觉得不错的话给个star吧~

技术栈

前端: NextJS (React) + TailwindCSS + TypeScript + ThreeJS + NextUI + MaterialUI (icons) + NextAuth + Cloudinary + Electron + Pusher + React-toastify + OpenAI + React-email

后端: NextJS (SSR) + MongoDB + Mongoose

功能

登陆、注册、重制密码与邮箱验证

最低0.47元/天 解锁文章

新学期VIP享超值加赠
可能是NextJs(使用ssr、api route)打包成桌面端(nextron、electron、tauri)的最佳解决方式
无限进步
10-20 3382
在我使用nextron（next+electron）写了一个项目后打包发现nextron等一系列桌面端框架在生产环境是不支持next的ssr也就是api route功能的这就导致我非常难受，耗费了小半个月结果告诉我只能使用NextJs的单页面模式也就是静态导出模式（因为在开发环境是支持ssr/api route的就导致我以为可以使用）这让我无法理解nextron的意义，我认为api route是NextJs作为全栈框架非常重要的功能，阉割后只能算作react plus，于是不甘心的我就开始在网上查找解决方案
electron怎么使用next构建的后端
m0_57236802的博客
05-04 1489
要在 Electron 中使用由 Next.js 构建的后端，你需要将 Next.js 服务器集成到 Electron 应用的主进程中。这样可以使 Electron 应用能够同时处理前端和后端逻辑，从而使得 Next.js 的所有服务器端功能（如 API 路由、服务器端渲染等）均可在本地环境中有效运行。
falkchat：为实时通信打造的高效Next.js框架
gitblog_00572的博客
06-05 361
falkchat：为实时通信打造的高效Next.js框架 项目介绍 在现代网络通信中，实时性是关键。falkchat 是一个基于 Next.js 的开源项目，旨在为开发者提供一个快速、可扩展的实时聊天应用框架。该项目采用最新的前端技术，帮助开发者轻松搭建高性能的聊天系统，满足用户对于实时通信的需求。 项目技术分析 falkchat 利用 Next.js 作为基础框架，Next.js 是一个开源的前...
【亲测免费】 Nextron：用Web技术构建跨平台桌面应用的利器
gitblog_00518的博客
09-07 544
Nextron：用Web技术构建跨平台桌面应用的利器 项目介绍 Nextron 是一个基于 Next.js 和 Electron 的开源框架，旨在帮助开发者使用 Web 技术（如 JavaScript、TypeScript、React 等）快速构建跨平台的桌面应用程序。Nextron 结合了 Next.js 的强大前端能力和 Electron 的跨平台桌面应用支持，使得开发者无需深入了解桌面应用的...
rocket.chat--开源的跨平台即时通讯软件
最新发布
tornadoami的博客
06-20 1254
本文介绍了rocket.chat的用途，如何部署rocket.chat及使用rocket.chat进行单聊、群聊，和在频道（channel）中发言
Next.js + Electron 的完美融合：Nextron 项目推荐
gitblog_00385的博客
11-28 632
Next.js + Electron 的完美融合：Nextron 项目推荐 Nextron 是一个开源项目，旨在将 Next.js 和 Electron 结合起来，让开发者能够使用 Web 技术轻松开发桌面应用程序。该项目主要使用 JavaScript 作为编程语言。 项目核心功能 Nextron 的核心功能是提供了一个框架，使得开发者可以利用 Next.js 的能力和 Electron 的桌面应...
使用Next.js构建Electron应用的项目推荐
gitblog_00163的博客
01-14 498
使用Next.js构建Electron应用的项目推荐 Electron-next 是一个开源项目，旨在帮助开发者使用 Next.js 框架来构建 Electron 应用程序的渲染器。该项目主要使用 JavaScript 编程语言。 项目基础介绍 Electron-next 提供了一种简便的方法，将 Next.js 的强大功能与 Electron 的桌面应用程序开发相结合。通过该项目，开发者可以在开...
基于Nuxt3开发chatgpt开源项目
qq_32476797的博客
11-20 533
一个基于 Nuxt3 + Vue3 + TypeScript + Tailwind CSS 开发的 ChatGPT Web 应用，支持 Docker 部署和 Electron 桌面应用。
electron-metronome:构建一个nextjs电子节拍器应用
05-11
创建一个应用 # with `nextron` $ nextron init my-app --example with-javascript # with npx $ npx create-nextron-app my-app --example with-javascript # with yarn $ yarn create nextron-app my-app --...
create-next-app：在一个命令中创建Next.js应用
02-05
Next.js 是一个基于 React 的开源框架，由 Vercel 公司维护，它极大地简化了构建服务器端渲染（SSR）和静态生成（SSG）Web 应用的过程。`create-next-app` 是官方提供的一个命令行工具，用于快速启动一个新的 Next....
一招掌握：快速创建Nextron应用程序
创建Nextron应用程序是一个将Next.js和Electron结合在一起的过程，通过这种方式开发者可以创建出既可以运行在服务器端又可以打包为桌面应用程序的现代Web应用。Next.js是一个基于React的框架，用于服务器端渲染和...
【亲测免费】 开源项目推荐：基于NodeJS的实时聊天应用
gitblog_00446的博客
01-12 319
开源项目推荐：基于NodeJS的实时聊天应用 1. 项目基础介绍 本项目是一款基于NodeJS的实时聊天应用，名为sample-chat-electron。它由Luis Eduardo Brito开发，主要用于分布式系统课程的教学实践。该项目使用了NodeJS、Express框架以及Socket.io等技术，实现了服务端的功能。客户端则采用了Electron、Socket.io和AngularJS...
基于springboot3 + netty & Vue 3 + TypeScript + Vite + electron实现的聊天工具
coolinnet的博客
06-06 889
基于Vue 3 + TypeScript + Vite + electron + nedb安装依赖：npm install ， 开发环境启动(本地多实例)：npm run dev-i1 或者 npm run dev-i2该框架和web框架的区别在于electron和nedb的使用，主要介绍这两部分。
被数百万元收购的 ChatNio 初体验
机器学习与系统
11-10 2534
最近一则新闻 15 岁山东初中生做 CTO，开源项目刚刚被数百万元收购了 火爆出圈，笔者看了下被收购的开源项目 ChatNio，发现挺好用了，就体验下。ChatNio 号称下一代 AIGC 一站式商业解决方案，其功能融合了 Next Web 和 One API 各自的优点，通过整合实现 1+1>2 的效果：Chat Nio > Next Web + One APIChatNio 在保持...
简易版多人聊天室——NIO
Simple__Code的博客
01-07 552
基于NIO的多人聊天室java 客户端 package com.yc.chat.nio; import org.eclipse.swt.widgets.Display; import org.eclipse.swt.widgets.Shell; import org.eclipse.swt.widgets.Label; import java.io.IOException; import java.net.InetSocketAddress; import java.nio.ByteBuffer; im
本地部署 Chat Nio
engchina的专栏
11-18 1683
本地部署 Chat Nio
Electron+nextjs+Electron_Forge跨端平台方案
cf8833的博客
03-28 540
step4:C:\Users\wangrusheng\WebstormProjects\untitled10\electron\index.html，当你需要加载本地html的时候用这个，与之相配套的main.js代码。step3:主进程，渲染ui，C:\Users\wangrusheng\WebstormProjects\untitled10\electron\main.js。说明：Electron+nextjs+Electron_Forge跨端平台方案。step7：运行，并打包。step1:下载依赖。
21个精选开源免费的客服聊天、IM即时通讯系统，助力企业沟通效率提升
shuzhengjiang的专栏
12-21 1946
随着互联网的快速发展，即时通讯系统在我们的生活中扮演着越来越重要的角色。在这篇文章中，我们将介绍21个精选的开源免费的客服聊天、IM即时通讯系统，让您可以根据自己的需求选择适合的工具。基于websocket实现基于json的文本协议实现即时通信，适合需要简单即时通讯功能的网站或应用。基于Web的IRC客户端，提供了一个响应式的用户界面，适合需要IRC功能的用户。原创移动端IM通信层框架，经过8年的历练，具有高度提炼的特点，适合移动端开发。即时通讯的聊天系统，可以帮助您快速搭建一个功能完善的聊天平台。
我用nodejs和electron实现了一个简单的聊天软件-----chat 开源
a1309525802的博客
04-17 3596
翎是基于和nodejs实现的简单聊天软件,其中用websocket和http进行通讯传递,数据库使用了mysql数据库,该项目功能简单,界面简洁,适合正在练习websocket和vue的小白查看代码,代码量极少且逻辑清晰,每个功能都会添加相应的逻辑供大家观看学习(大佬勿喷)前端主要是由vue2和electron配合elementuiUI框架实现的页面这个文件主要是生成验证码图片我会将后端所有逻辑都写在代码里,可以根据自己需求去查看相对应的代码块。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mebius1916

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值