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

引言

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

相关推荐
一个天蝎座 白勺 程序猿8 分钟前
从AlphaGo到ChatGPT:机器学习基础概念的全景式拆解与工程实践思考
人工智能·机器学习·chatgpt
kyriewen2 小时前
测试妹子让我写单测,我偷偷用AI一天干完一周的活
前端·chatgpt·cursor
用户223586218206 小时前
用ClaudeCode从0搭建一个优雅的CR助手 - claude_12
chatgpt·claude·vibecoding
皮皮学姐分享-ppx7 小时前
上市公司数字技术风险暴露数据(2010-2024)|《经济研究》同款大模型测算
大数据·网络·数据库·人工智能·chatgpt·制造
Jay-r7 小时前
ChatGPT 官网入口(2026 年最新版)——简明指南
人工智能·语言模型·chatgpt·ai助手·chatgpt5.5
云天AI实战派9 小时前
ChatGPT/API 调用故障排查指南:Realtime 音频、智能体浏览器操作与 AI 编码代理全流程修复手册
人工智能·chatgpt·音视频
shchojj11 小时前
What is Generative AI -Welcome
人工智能·chatgpt
2601_9585990411 小时前
ChatGPT 全能力解析:从核心功能到多模型协同,解锁 AI 生产力天花板
人工智能·chatgpt
Lyon1985052812 小时前
《文字定律》随笔-AI们聊“艺术”-Deepseek、Grok、ChatGPT、Geminni
人工智能·chatgpt·ai写作·grok·gemini·deepseek
阿耶同学14 小时前
手把手构建一个轻量级AI Agent:支持记忆、计算与搜索的ReAct实践
openai