当前位置: 首页 > news >正文

怎么看网站开发用的语言下载长沙app

怎么看网站开发用的语言,下载长沙app,wordpress导入表单,韶关市建设工程造价网站NextTalk 简介 该项目是一个基于Nextron(NextJSElectron)的桌面端实时聊天工具。 但由于使用了NextJS中的ssr及api route功能,该程序只能在开发环境运行。 关于生产版本:我将其网页端部分分离,并用Pake将其打包成桌面端,生产体…

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


功能

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

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

注册和重置模块需要邮箱验证,发送code后请及时查看注册邮箱填写验证码。

聊天界面

在这里插入图片描述

右上角登出按钮可登出账号。

发送消息及图片

在这里插入图片描述

点击输入框左侧图片按钮即可发送图片。

创建聊天

在这里插入图片描述

单选创建一对一聊天,多选创建群组聊天。

右边是个3D星球,可自行旋转。

申请好友、同意申请

在这里插入图片描述

成为好友之前是不能发送消息的,请点击Add friend按钮发送好友请求。

在这里插入图片描述

对方接受到好友请求后点击消息旁的对勾即可加为好友。

圣地巡礼

在这里插入图片描述

用内联框架嵌入,因为个人很喜欢这个网站所以嵌入哈哈哈。

右下角功能键最上方有个刷新图标,点击可以重置页面。

AI助手

在这里插入图片描述

GPT3.5助手,比较粗糙,没有对生产消息做格式处理,不能生产markdown等格式只能生成普通文本格式。

修改个人头像名字、群组头像名称

在这里插入图片描述

点击聊天界面右上角即可修改自己的头像和名字。

在这里插入图片描述

点击聊天中的群聊头像,即可修改群聊头像和名称。


注意

该项目虽然是基于Nextron的,但是当我打包的时候发现Nextron生产环境是不支持NextJS的ssr及api route的(我使用了),所以这个项目只能在开发环境运行,也就是说这个项目严格意义上来说只是个nextjs项目,这就导致我并不喜欢nextron,具体体现在以下几点:

  1. 我认为api route(ssr)是NextJS中不可或缺的一部分,我之所以使用NextJS便是因为其可以快速开发全栈项目的特性,而Nextron阉割掉了这个功能就让我感觉Nextron只是拥有NextJS生态的react+electron。作者说阉割是因为安全问题,而我个人认为这个功能可以不用,但是得存在,像我这种个人开发者并不担心什么安全性问题。
  2. Nextron中不支持app route的写法,只支持传统的pages route,这就是为什么我的项目中使用的是pages route而不是ap route这是不好的,app route才是NextJS的未来。
  3. Nextron只支持webpack打包,我个人认为在现在webpack作为打包工具唯一的优势应该就是其生态广阔,我个人还是更加喜欢vite打包。

运行

下载依赖:npm install

开发环境运行:npm run dev

注意:.env文件在/renderer目录下,请补全后运行。


网页版

网页版通过vercel部署。

github:Mebius1916/NextTalk_web: NextTalk项目的网页版

体验地址:https://nexttalk.mebius.fun


提交pr

可以参考我设置的issue,当然你有不错的想法也是可以的,不局限于我设置的issue

如果有想法且不会配置.env的可以提issue,审核通过后给你发我自己的.env


免责申明

写该项目的初衷是因为我初学reactnextjs所以想自己从0到1写一个项目来熟悉语法,所以该项目代码难免会粗糙,各位当成小玩具看待就可以啦。

http://www.yayakq.cn/news/185929/

相关文章:

  • 服务好的公司网站建设与维护公司域名申请流程
  • 网站大全浏览器wap 手机网站建设
  • 建站平台排行蛋品 东莞网站建设
  • 国内最好用免费建站系统平面设计工作室赚钱吗
  • 怎么建设网站赚钱手机贵州建设厅二建考试网站
  • 网站建设最基础的是什么如何做建议的网站
  • 移动网站开发流行局域网内用自己电脑做网站
  • 专注网站平台推广公司游戏网页制作
  • 做课件需要的纯音乐网站盐城网站推广哪家好
  • 太原制作网站的公司哪家好房子装修网站
  • 电子商务网站开发常见本地生活网免费发信息
  • 怎样做一个公司网站企业所得税2022年税率
  • 重庆长寿网站设计公司推荐互动网页设计
  • 做访问量高的网站旅游的网站怎么做的
  • 如何设计一个购物网站做近代史纲要题的网站
  • 网站开发后端指什么ppt插件 网站
  • 摄影网站建设任务书表格如何给网站做链接地址
  • 广州广告网站建设母婴护理服务网站模板
  • 青岛网站开发培训容桂网站开发
  • 服装公司网站建设规划方案网页设计简单教程
  • 做宠物商品的网站天煜科技网站建设
  • 网站建设、百度推广脉脉用的什么技术做网站
  • 网站关键词的确定100个简单的手工小玩具
  • 南宁微网站制作查询公司水利平台网站
  • 如何查询网站的建站工具小组做数据库网站
  • 本机电脑怎么做网站icp备案通过了 怎么修改我的网站
  • 阿里云服务器上如何做网站如何WordPress去除顶部
  • 抚顺网站建设技术员招聘局部改造家装公司
  • apache配置多个网站北京中高端网站建设
  • 江西企业网站建设公司做任务赚话费的网站