我做了一个套壳网站,上线啦

引言

2023是AI元年,不少人的生活,因为ChatGPT的出现而发生了改变。之前程序员在实现一些没接触过的功能时,如果自己折腾,各种成本还是比较大的。有了AI之后,只需要问个问题,思路马上就有了,这点GPT-4的回答,会比GPT-3.5给出的更优。 而作为一个步入中年的程序员,也有一个属于自己的产品梦,听说做AI网站有手就行,租个服务器,买个key就能搭建,然后布拉布拉布拉(此处省略一万个字...),网站就上线了~

说干就干,在数个周末的不懈努力下,网站上线了,在这里大家可以免费体验 ChatGPT,GPT-4,Dall·E-3。

主要功能

ChatGPT

当前已经替换到最新的 gpt-3.5-turbo-1106 模型,但是还是不明白鲁迅和周树人是什么关系。

GPT-4

当前已经替换到最新的 gpt-4-1106-preview 模型,明白了鲁迅和周树人的关系。在参考了某著名网站之后,因用户可以每天免费体验一次GPT-4。

Dall·E-3

不需要很复杂的 prompt,就可以画出很惊艳的图画

GPTs

丰富的GPTs,总有一款适合你~

自定义机器人

创建属于自己的

做AI网站有手就行嘛?

当然,这只是一个梗,虽然不懂就可以问AI,就好比带着一座藏经阁去参加武林大会一样,虽然脑子变强大了,但是身体跟不上哇,降龙十八掌也不是一朝可以练会。下面,跟大家聊聊这个网站的制作过程吧~

设计

为了制作这个网站,首先需要有一个及格的设计,于是我花了一个月自学了即时设计,并参考了多家网站最终输出了第一版设计稿。

当然也包括AI岛这个LOGO的制作。

技术选型

因为用React比较多,加上是个全栈项目,这里使用了 Next.js;而且,使用 Next.js + Vercel开发真的很丝滑 ~

中间的环节也是纠结了很久,最终详细的选型如下:

  • 核心技术:Next.js

  • 版本管理:Github

  • 服务器:Vercel

  • 数据库:MongoDB

  • 图床:拿云服务器搭建的

  • 支付服务:计全 www.jeequan.com/

  • 短信服务:聚合短信 unisms.apistd.com/

网站结构

一个人在产品、设计、前端、后端、测试、运维这几个角色反复横跳半年之后(业余时间制作,精力有限😂),网站终于上线了。

结语

当前只是MVP版本,很多功能还在制作当中,主流套壳网站有的,AI岛都会有的,敬请期待吧~

相关推荐
hunteritself5 小时前
AI Weekly『12月16-22日』:OpenAI公布o3,谷歌发布首个推理模型,GitHub Copilot免费版上线!
人工智能·gpt·chatgpt·github·openai·copilot
新智元12 小时前
LeCun 八年前神预言,大模型路线再颠覆?OpenAI 宣告:强化学习取得稳定性突破
人工智能·openai
测试者家园13 小时前
ChatGPT生成接口文档的方法与实践
软件测试·chatgpt·测试用例·接口测试·接口文档·ai赋能·用chatgpt做软件测试
小虚竹17 小时前
如何利用ChatGPT生成不同类型的文章大纲
chatgpt
AI小欧同学1 天前
【AIGC-ChatGPT进阶副业提示词】育儿锦囊:化解日常育儿难题的实用指南
chatgpt·aigc
测试者家园1 天前
ChatGPT接口测试用例生成的流程
软件测试·chatgpt·测试用例·接口测试·测试图书·质量效能·用chatgpt做测试
m0_748256561 天前
如何使用Python WebDriver爬取ChatGPT内容(完整教程)
开发语言·python·chatgpt
程序员小灰2 天前
OpenAI正式发布o3:通往AGI的路上,已经没有了任何阻碍
人工智能·aigc·openai
测试者家园2 天前
ChatGPT与接口测试工具的协作
软件测试·测试工具·chatgpt·接口测试·ai赋能·用chatgpt做软件测试·测试图书
SomeB1oody2 天前
获取OpenAI官方给ChatGPT的系统定义Prompt
人工智能·语言模型·chatgpt·prompt