8月前
前端的全栈之路：基于 Vue3 + Nest.js 全栈开发的后台应用
这篇文章介绍了基于Vue3和Nest.js开发的一个全栈后台应用，适合想学习全栈开发的人员参考。前端使用了相关技术栈，后端则列出了部分技术组件。线上预览提供了一个演示环境，并给出了默认的用户名和密码。项目包含动态国际化语言配置、操作日志记录、用户角色权限管理、动态路由菜单生成、消息公告推送等功能。文章还提供了项目的安装步骤、技术要求及注意事项，强调仅用于学习交流且可能存在Bug，欢迎贡献代码和反馈问题以完善项目。
11月前
Nuxt3 实战 (十二)：SEO 搜索引擎优化指南
这篇文章介绍了如何在Nuxt3中进行搜索引擎优化（SEO），包括如何在nuxt.config.ts中添加配置，使用组合函数useHead和useSeoMeta来设置网站的标题、关键词、描述等元数据，并根据当前路由动态设置元数据，以及如何设置动态标题。
11月前
Nuxt3 实战 (十一)：添加路由 Transition 过渡效果和 Loading 动画
这篇文章介绍了在Nuxt3项目中如何添加路由Transition过渡效果和Loading动画，通过配置nuxt.config.ts文件和在app.vue中添加CSS来实现页面和布局之间的过渡效果，并展示了如何为不同页面设置不同的过渡效果。
11月前
Nuxt3 实战 (十)：使用 Supabase 实现 RESTful 风格 API 接口
这篇文章介绍了如何使用Supabase实现RESTful风格的API接口，通过两张表`ds_categorys`和`ds_websites`来存储网站分类及子站点的相关信息，并实现CURD功能。文章详细说明了如何设计接口，如何在`server/api`目录下新增接口文件，并展示了如何编写Get接口的示例代码。
12月前
Nuxt3 实战 (九)：使用 Supabase 实现 Github 认证鉴权
这篇文章介绍了如何使用Supabase和Github OAuth Apps实现Nuxt3应用的登录鉴权，通过配置Auth Providers，设置OAuth Apps信息，并在Nuxt3中集成@nuxtjs/supabase插件，创建相应的login.vue和confirm.vue文件，从而实现通过Github授权登录并在Supabase数据库中进行操作。
12月前
Nuxt3 实战 (八)：优雅的实现暗黑主题模式
这篇文章介绍了在Nuxt3框架中如何使用color-mode库来实现暗黑主题模式，包括如何安装依赖、配置文件以及如何在组件中加载和运用该模式。
2024-05-24
Nuxt3 实战 (七)：配置 Supabase 数据库
这篇文章介绍了如何在Nuxt3项目中配置Supabase数据库，包括选择数据库的理由、Supabase的特点、创建项目和表、插入测试数据，以及在项目中配置Supabase的步骤。
2024-04-29
Nuxt3 实战 (六)：Footer 底部布局
这篇文章介绍了在Nuxt3项目中开发Footer底部布局的步骤，包括创建组件AppFooter.vue，并添加了备案号、图标以及社交按钮链接等内容。
2024-04-25
Nuxt3 实战 (五)：Header 头部布局
这篇文章介绍了在Nuxt3项目中实现Header头部布局的实战过程，包括布局组件的拆分、Logo和网站图标的准备，以及如何添加Nuxt UI布局和实现白天暗黑模式切换组件。
2024-04-08
Nuxt3 实战 (四)：安装 Nuxt UI 和配置 Typescript 类型检查
这篇文章介绍了如何在Nuxt3项目中安装Nuxt UI和配置Typescript类型检查，包括组件库的选择、安装Nuxt UI、配置模块、在应用中使用组件和可组合函数，以及处理相关错误和配置类型检查。
2024-04-05
Nuxt3 实战 (三)：使用 release-it 自动管理版本号和生成 CHANGELOG
这篇文章介绍了如何使用release-it工具来自动管理Nuxt3项目的版本号和生成CHANGELOG。内容包括release-it的功能、前置知识、安装依赖、配置文件编写以及如何增加版本号、提交Git、生成变更日志并推送到远程仓库和发布到npm等软件仓库。
2024-04-01
Nuxt3 实战 (二)：配置 Eslint、Prettierrc、Husky等项目提交规范
这篇文章介绍了在Nuxt3项目中配置Eslint、Prettierrc、Husky等工具来规范项目提交，以确保代码一致性、可读性，减少错误和缺陷，提高软件质量。文章强调了团队协作效率、代码结构清晰、项目管理的便捷性以及软件稳定性和可靠性。同时，详细说明了各工具的作用，如静态代码分析、代码格式化、错误和风格检测以及Git Hook工具，并给出了Nuxt3项目中配置Eslint的具体步骤和示例。