自从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)，所以直接安装就好。