Tag:Nuxt.js
包含标签「Nuxt.js」的全部内容。
Nuxt.js 实战 (十二)：SEO 搜索引擎优化指南
发布日期:约 2 分钟这篇文章系统梳理了 Nuxt 的 SEO 优化方案，涵盖 TDK 配置、@nuxtjs/seo 模块、Robots、Sitemap、OG Image、Schema.org 以及统计代码接入。
Nuxt.js 实战 (十一)：添加路由 Transition 过渡效果和 Loading 动画
发布日期:约 1 分钟这篇文章讲解了如何在 Nuxt3 中为页面和布局添加路由过渡动画、实现首屏全屏 Loading 组件以及页面导航进度条。
Nuxt.js 实战 (十)：使用 Supabase 实现 RESTful 风格 API 接口
发布日期:约 2 分钟这篇文章介绍了基于 Supabase 与 Nuxt server 路由实现 RESTful 风格 API 接口的过程，完成了网站分类与子站点的前后端 CRUD 打通。
Nuxt.js 实战 (九)：使用 Supabase 实现 Github 认证鉴权
发布日期:约 2 分钟这篇文章介绍了如何基于 Supabase 与 GitHub OAuth 实现 Nuxt3 网站的第三方登录鉴权，包括 Auth Providers 配置与登录页面开发。
Nuxt.js 实战 (八)：优雅的实现暗黑主题模式
发布日期:约 1 分钟这篇文章记录了使用 @nuxtjs/color-mode 为 Nuxt 站点实现暗黑主题模式切换的过程，并加入了基于 View Transition API 的过渡动画。
Nuxt.js 实战 (七)：配置 Supabase 数据库
发布日期:约 3 分钟这篇文章介绍了在 Nuxt 项目中接入 Supabase 数据库的完整步骤，包括创建数据表、配置 RLS 安全策略以及打通前后端数据访问。
Nuxt.js 实战 (六)：Footer 底部布局
发布日期:约 1 分钟这篇文章介绍了参考 Nuxt UI 官网实现站点 Footer 底部布局的过程，包括 ICP 备案信息展示与社交图标按钮开发。
Nuxt.js 实战 (五)：Header 头部布局
发布日期:约 1 分钟这篇文章记录了 Nuxt 站点 Header 头部布局的实现过程，包括 Logo、社交图标、暗黑模式切换组件的开发与布局拆分。
Nuxt.js 实战 (四)：安装 Nuxt UI 和配置 TypeScript 类型检查
发布日期:约 1 分钟这篇文章记录了在 Nuxt 项目中安装 Nuxt UI 组件库并配置 TypeScript 类型检查的过程，为后续页面与布局开发打下基础。
Nuxt.js 实战 (三)：使用 release-it 自动管理版本号和生成 CHANGELOG
发布日期:约 1 分钟这篇文章介绍了在 Nuxt 项目中使用 release-it 配合 conventional-changelog 自动化管理版本号、生成 CHANGELOG、打 Git Tag 并发布到 GitHub 的完整流程。
Nuxt.js 实战 (二)：配置 Eslint、Prettierrc、Husky等项目提交规范
发布日期:约 3 分钟这篇文章记录了在 Nuxt 项目中配置 ESLint、Stylelint、Husky、Lint-staged 与 Commitlint 的过程，建立起统一的代码规范与 Git 提交校验流程。