最近项目想集成drawio，由于官方并没有提供NPM包引入方案，所以最终选择了官网提供的嵌入式方案来集成drawio，并且集成过程中自定义了菜单，下面具体说说如何操作。

效果前言我使用的是React，下面我来讲解如何参考官方文档来安装和配置。操作1、安装依赖包 {代码...} 注意：ckeditor5-premium-features是收费的高级功能，没有需要的话可以不用安装安装好之后如下所示： {代码...} 2、配置CKEditor {代码...} 这样就配置好了CKEditor,不过有几点需要关注下：1、设置中文语言 {代码...} ...

效果先上最终效果图前言最近将seaurl.com网站的AI空间重新规划了一下，添加了AI工具库，并新加了功能：翻译，于是着手实现翻译功能并记录下来分享给大家。思路要实现翻译，首先我们要想清楚翻译是如何交互的，我们以百度、谷歌还有deepl为例，它们的共同点是：左侧源语言选择器左侧源语言输入框(可输入)中间切换语言按钮...

Next.js13推出了一个新的模式：App Router而之前的模式：Pages Router下的shallow浅路由和router.events.on路由事件监听都移除了，官方也给出了解决方案，不过好像社区对其意见也挺大的，非常不满意，于是我自己根据官方方案改写来实现，希望能帮助大家。

自从next.js14发布之后，app router变成了官网主推的架构区别于pages router的传统架构，app router更适合最新的react，于是自己动手把next-auth、redux-toolkit、ant-design、tailwindcss也一同集成进来，分享给大家，如果有错误之处欢迎大家指正。

1、通义千问SDK集成当然你也可以使用HTTP的方式，也就是链接直接请求接口，这个是通义千问的API文档，还有就是实现多轮会话效果，聊天并不是回答完下次再问就不知道上次你问或者生成的结果了。

上篇文章中我使用了ip2region获取到了ip归属地，但是我发现我的框架next.js通过k8s发布到生产环境之后发现获取的ip是pod的ip而不是真实的外网ip，下面就来谈谈如何解决！

设置合理的 cookie 有效期：合理的 cookie 有效期应该根据网站的特点来确定，通常建议将其设置为一定时间内（如 30 分钟）。定时刷新 cookie 的有效期：可以通过服务器端的 HTTP 拦截器来监测每个请求的 cookie 是否即将过期，当发现其即将过期时，立即重新设置一个新的 cookie，并在响应头中返回给客户端。前端优化提示...

水合是我们在next.js项目中引入next-redux-wrapper插件之后给出的一个新概念，它是连接和统一客户端和服务端数据的一个重要纽带。

我从2020年开始一直使用next.js做为我的前端SSR框架，使用@reduxjs/toolkit做为全局状态管理器，使用next-redux-wrapper协助next.js连接和合并redux中store数据并且保持不变，否则会导致数据重复渲染性能问题，但是最近发现一个很奇怪的问题：就是router.push路由跳转的时候导致当前页面重复渲染问题！

最近项目中使用antd的tooltip组件的时候发现它有点不稳定，经常会出现漂浮到左上角的情况，让人困惑之余还不知道如何解决，再加上它是在每个dom上面添加的tooltip这样数据量一大的话就会产生冗余的dom元素，于是想起react-tooltip组件，它可以在全局设置tooltip，并且只要在想要提示的dom上面添加data-tip='xxxx'即可，...

最近在使用Next.js的时候发现用户认证和刷新token时候跟之前单页面应用SPA的token认证和刷新token方案有所出入，实现起来也更复杂，于是自己参考B站、掘金、思否和简书的SSR网站折腾了一段时间终于解决了这个问题，分享给大家做参考，如果你们觉得文中有不妥的地方也希望不吝指出。

在开发SSR网站的时候，我相信大家或多或少会遇到好多问题，但是了解SSR网站的本质之后，这些都不是问题，下面就分享一下我的总结，希望能够帮助到大家！

前端通过axios(或者fetch也可以)调用后台接口的时候通过request请求头header的cookie属性(前端是你的浏览器中存在Cookie)带到后台，前提是要同源，如：前端地址是：www.baidu.com，后台是：www.baiud.com/api或者api.baidu.com，这样的才能访问浏览器中的cookie。

next.js框架是主流的SSR框架，强大的开箱即用加上社区非常活跃让它能够在众多框架中脱颖而出。最近为了实现next.js页面之间来回跳转加上loading效果提升用户体验写下这篇文章，希望能够帮助到大家。

SSR和SPA最大的区别就是SSR会区分客户端Client和服务端Server，并且SSR之间只能通过cookie才能在Client和Server之间通信，例如：token信息，以往我们在SPA项目中是使用localStorage或者sessionStorage来存储，但是在SSR项目中Server端是拿不到的，因为它是浏览器的属性，要想客户端和服务端同时都能拿到我们可以使用Cook...

最近在学习如何使用jenkins结合阿里云k8s自动化集成和部署springcloud微服务和前端next.js项目，现在记录下来分享给大家，文章有什么不妥的地方，希望大佬们批评指正。

create-next-app和react官方提供的create-react-app(CRA)非常像，next.js官方也自带了create-next-app(CNA)，所以直接安装就好。