相关资源与链接

Web Course 41-基于 AI Chatbot 的二次开发:项目启动与介绍

这一节课主要涉及内容:基于 Next.js 对 VSAL 官方开源 Chatbot 项目进行二次开发实战,涵盖项目启动与价值定位、AI 模型与 API 资源选择、源码与依赖分析、用户与数据管理、登录注册、域名配置与部署及模板发布等核心模块。

总体计划

以下是之前导航站的规划

Milestone关键步骤主要交付内容主要工具与技术栈
M1:初始搭建初始化 Nuxt 3 项目,配置 Nuxt Content、Tailwind;代码推送至 GitHub 并部署至 Vercel可访问的极简首页(Landing Page)Nuxt 3、Nuxt Content、Tailwind CSS、GitHub、Vercel
M2:初始数据展示在 content/ 中添加初始工具数据,创建 List 页面显示工具列表一个可访问的工具列表页面(静态数据)Nuxt Content、Markdown/JSON 数据文件
M3:页面扩展与基础筛选新增 About、提交页面;在 List 页面添加简单搜索与分类过滤功能About、提交页面上线;列表可进行基础搜索/分类Nuxt Content、前端筛选组件(基于 Nuxt 查询)
M4:分析与 SEO 基础集成 Google Analytics,生成 sitemap,添加基础 SEO meta 信息GA 数据开始收集、/sitemap.xml 可访问、页面具备基础 SEOGoogle Analytics、@nuxtjs/sitemap、Nuxt SEO 配置
M5:搜索引擎提交在 Google Search Console 验证域名并提交 sitemapGSC 验证完成、搜索引擎开始收录Google Search Console
后续迭代:开源与社区化项目开源、编写贡献指南、借助社区共建更多工具与代码贡献,社区互动增强GitHub、开源许可证、贡献文档
后续迭代:用户与数据管理与 Supabase 集成用户注册/登录、提交审核流程;逐步迁移数据至 PostgreSQL可通过页面提交/审核工具,数据动态化管理Supabase、PostgreSQL、Nuxt 3
后续迭代:付费与自动化集成付费工具提交与自动审核流程有偿快速审核、自动上架工具支付服务(API)、后台自动化逻辑
后续迭代:模板与体验优化模板化工具展示,增添收藏、评分、评论等交互更佳前端体验、多样化展示与互动Tailwind UI 组件、Nuxt 组件化开发、交互式前端逻辑

经过思考发现登录、付费和模版化都不是导航站的刚需

根据大家的反馈,打算基于春节期间我制作的小工具“祝福短信小助手”来完成后续的几个迭代

后续迭代:用户与数据管理与 Supabase 集成用户注册/登录、提交审核流程;逐步迁移数据至 PostgreSQL可通过页面提交/审核工具,数据动态化管理Supabase、PostgreSQL、Nuxt 3
后续迭代:付费与自动化集成付费工具提交与自动审核流程有偿快速审核、自动上架工具支付服务(API)、后台自动化逻辑
后续迭代:模板与体验优化模板化工具展示,增添收藏、评分、评论等交互更佳前端体验、多样化展示与互动Tailwind UI 组件、Nuxt 组件化开发、交互式前端逻辑

本课计划

这节课我们将讲解一下现有的功能

课程相关

课后作业

  • 注册自己的 API(官方或者第三方皆可)
  • 在 Vercel 安装部署自己的 chatbot

课程讨论与答疑

提问默认仅你和管理员可见;管理员精选后会作为公开讨论展示。

正在载入讨论…