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

引言

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岛都会有的,敬请期待吧~

相关推荐
磊叔的技术博客1 天前
LLM 系列:LLM 的发展历程
llm·openai·deepseek
二十一_1 天前
🤖✨ ChatGPT API深度体验:让AI看懂图片、听懂语音、调用你的代码
前端·chatgpt·openai
xiaoyan20151 天前
flutter3.32+deepseek+dio+markdown搭建windows版流式输出AI模板
flutter·openai·deepseek
产品试金石1 天前
支持Gemini/Claude/GPT/Grok,2个多人共享AI程序推荐
openai·gemini
掘我的金1 天前
MCP 学习系列①:理解上下文与协议的动机(MCP 之前)
llm·openai
福宝plus1 天前
只需1美元薅ChatGPT Team手把手的教程,教你如何解决“你不符合参与此促销活动折扣资格”或“您的银行卡被拒绝了”附上ChatGPT Team怎么取消订阅
chatgpt·openai·claude
杂雾无尘2 天前
用 Trae 打造全栈项目魔法师 - 让项目初始化不再是噩梦
aigc·openai·ai编程
惜鸟2 天前
# LLM统一网关:LiteLLM 详细介绍(实践篇)
后端·openai
用户84913717547162 天前
🚀5 分钟实现 Markdown 智能摘要生成器:LangChain + OpenAI 实战教程
langchain·openai
dafanpai2 天前
Claude vs ChatGPT vs Gemini:功能对比、使用体验、适合人群
人工智能·chatgpt