Nuxt3 实战系列-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Nuxt3 实战系列

从 0 到 1 搭建一个 Nuxt3 项目，并分享其记录过程

专栏成员

12

文章

1842

阅读量

12

订阅数

Nuxt3 实战 (十二)：SEO 搜索引擎优化指南

nuxtjs3 vue3 seo

4、/pages/ 目录中可以使用 definePageMeta 来根据当前路由设置元数据

白雾茫茫丶

2024-06-26

940

Nuxt3 实战 (十一)：添加路由 Transition 过渡效果和 Loading 动画

vue3 nuxtjs3 transition

Nuxt3 利用 Vue 的 <Transition>组件在页面和布局之间应用过渡效果。

白雾茫茫丶

2024-06-20

1540

Nuxt3 实战 (十)：使用 Supabase 实现 RESTful 风格 API 接口

nuxtjs3 restful vue3

本篇文章我们来使用 Supabase 实现 RESTful 风格的 API 接口，以此来实现网站分类和子站点的 CURD 功能。

白雾茫茫丶

2024-06-19

1314

Nuxt3 实战 (九)：使用 Supabase 实现 Github 认证鉴权

Supabase 使用的是 postgresql 的 Row Level Security (RLS)，可以限制不同用户对同一张表的不同数据行的访问权限。这种安全机制可以确保只有授权用户才能访问其所需要的数据行，保护敏感数据免受未授权的访问和操作。

白雾茫茫丶

2024-06-13

1270

Nuxt3 实战 (八)：优雅的实现暗黑主题模式

在 Nuxt3 中要实现暗黑模式，需要用到一个库：color-mode，它可以帮助我们很轻易地实现暗黑模式切换。

白雾茫茫丶

2024-06-11

730

Nuxt3 实战 (七)：配置 Supabase 数据库

vue.js 数据库 nuxtjs3

这两天我一直在网上寻找最适合 Nuxt 的数据库，之前在做个人项目时经常用的是 Mysql 和 MongoDB，也用过 ORM 框架比如：Sequelize、TypeORM，本来计划使用 Prisma，后来认真看了 Nuxt 集成的数据库模块后，还是选择了 Supabase，在我看来主要原因有3点：

白雾茫茫丶

2024-05-24

1550

Nuxt3 实战 (六)：Footer 底部布局

3、这里我们顺便给 AppColorMode 组件加个切换过渡动画，让网站丰富一点：

白雾茫茫丶

2024-05-22

760

Nuxt3 实战 (五)：Header 头部布局

这两周一直忙公司系统的迭代需求，没啥时间捣鼓自己的小项目，趁着项目进入测试收尾阶段，抽空把 Layout 布局的 Header 部分先搞好。

白雾茫茫丶

2024-05-22

1190

Nuxt3 实战 (四)：安装 Nuxt UI 和配置 Typescript 类型检查

对于 UI 组件库的选择，我考虑过：Ant Design Vue、Element-Plus，但感觉这两款组件库太偏向业务风格了，现在项目的搭建最好能偏年轻化一点，最后还是选择了：Nuxt UI，主要是 Nuxt UI 是 Nuxt 官方推荐的，而且完美兼容 Nuxt，并且是用 TypeScript 编写的，并为所有组件和可组合函数提供类型。

白雾茫茫丶

2024-05-22

2740

Nuxt3 实战 (三)：使用 release-it 自动管理版本号和生成 CHANGELOG

2、根目录添加 .release-it.json 配置文件，具体配置请参考：conventional-changelog

白雾茫茫丶

2024-05-22

1560

Nuxt3 实战 (二)：配置 Eslint、Prettierrc、Husky等项目提交规范

1、 Nuxt3 中是使用 @nuxt/eslint-config 进行代码检查和格式化，执行安装命令：

白雾茫茫丶

2024-05-22

1560

Nuxt3 实战 (一)：初始化项目

Nuxt 是一个建立在 Vue.js 上的服务器端渲染框架。它抽象出了管理异步数据、中间件和路由所涉及的大部分复杂配置。它还有助于使用行业标准架构来构造 Vue.js 应用程序，以构建简单或企业级的 Vue.js 应用程序。

白雾茫茫丶

2024-05-22

3270

没有更多了

社区活动

AI代码助手快速上手训练营

鹅厂大牛带你玩转AI智能结对编程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态