首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

#nuxtjs3

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

白雾茫茫丶

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

9210

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

白雾茫茫丶

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

15410

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

白雾茫茫丶

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

13014

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

白雾茫茫丶

Supabase 使用的是 postgresql 的 Row Level Security (RLS),可以限制不同用户对同一张表的不同数据行的访问权限。这种安...

12710

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

白雾茫茫丶

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

7100

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

白雾茫茫丶

这两天我一直在网上寻找最适合 Nuxt 的数据库,之前在做个人项目时经常用的是 Mysql 和 MongoDB,也用过 ORM 框架比如:Sequelize、T...

15300

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

白雾茫茫丶

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

7610

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

白雾茫茫丶

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

11910

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

白雾茫茫丶

对于 UI 组件库的选择,我考虑过:Ant Design Vue、Element-Plus,但感觉这两款组件库太偏向业务风格了,现在项目的搭建最好能偏年轻化一点...

27410

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

白雾茫茫丶

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

15610

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

白雾茫茫丶

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

15510

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

白雾茫茫丶

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

32520

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

白雾茫茫丶

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

32520

Nuxt3 基于H3做后台接口

KID.

Nuxt3 自动扫描 ~/server/api,~/server/routes,~/server/middleware目录中的文件,进行注册对应的接口

1.1K40

Nuxt3+vue-i18n国际化(巨坑!!

KID.

Nuxt3 据说是提供了 一个@nuxtjs/i18n@nextnuxtjs/i18n官网 。官方文档有提供引入和使用方法。

2K55

Nuxt3 plugins(插件) element plus 使用

KID.

要我说,如果要定义全局公共方法不如在composables中创建文件,定义方法好用。

77120

Nuxt3 状态管理 useState && pinia

KID.

Nuxt3 封装了useState 可以用作简单的状态管理,直接定义,修改value值后,其他页面就可以同步修改状态

1.4K50

Nuxt3 反向代理配置

KID.

由于Nuxt的首屏服务端渲染,以及只有浏览器才受同源限制 的问题,在面对跨域请求时,需要对客户端和服务端都进行代理

1.4K30

Nuxt3 数据请求 useAsyncData/useFetch

KID.

Nuxt3 默认首屏SSR,由服务端渲染,可以通过配置 ssr:false 来取消服务端渲染

3.2K40
领券