next.js ssr 好难， 各位是怎么学的？

[scalaer]

做的一个每天热点应用无法被 google seo 收录，现在学习使用 next.js 重新实现一下，

export async function getServerSideProps(context) {
  ...
  const response = await axios.get(url, {...})
  
  const data = await response.data;
  
  console.log("data:", data);
  ...
  
}

用 axios 获取数据的时候，一直返回空，curl 命令是正常的, 折腾两天了

吐槽一下: 好难😭

是代理的问题

https://chasetrend.news/

已用 next.js ssr 重新实现了一遍， 各位 v 友浏览的时候，发现有问题请帮忙反馈下🙇

[Rrrrrr]

不调试一下？

[scalaer]

@Rrrrrr 服务端请求日志都没有产生

[Rrrrrr]

@scalaer 会不会你有什么代理，走的不是本地

[kangjm]

直接在客户端 fetch 试一下，不用 getServerSideProps 呢

[NessajCN]

你在 getServerSideProps 里 return 的 props 在页面控件用上了吗？

譬如你在 getServerSideProps() 里 return {props: {opt: 1} }
那你的 export default function Page(props) 里要调用 props.opt 才需要这个 ssr

[codehz]

@NessajCN next 新版不用 getServerSideProps 了
app router 改了好多东西
这边建议用 swr 来处理，它有对 ssr 的蜜汁优化

[JounQin]

没必要用 SSR ，徒增烦恼

[scalaer]

@JounQin 那页面 seo 是咋做的啊

[scalaer]

@kangjm 这个是可以的， 之前就是客户端 fetch 的，为了 seo 才做服务端渲染的

[scalaer]

@Rrrrrr 对，有代理

[scalaer]

@NessajCN 嗯嗯，就是为了把这部分内容渲染出来，方便 seo 收录

[xxj2220]

你去抄一份配置，比你从头学要快

[wateryessence]

直接看 https://nextjs.org/learn/dashboard-app ，学 app router

[timnottom]

最近我找到一个方法，结合 golang 的 gin 中间件，把 react 生成静态文件嵌入到二进制中，这样根据 path ，可以对一些页面生成一些标签：

参考： https://alipanx.com

[pengtdyd]

服务端渲染，这不是很好理解嘛。

[scalaer]

@timnottom 牛的，老哥

[estk]

一股脑 use client
ts 一股脑 any 就对了

[scalaer]

@estk 😆

[xiamuguizhi]

gtp 复制粘贴搞定。

[VitaminC1989]

我学 next.js 首先是在 udemy 上买了一个热门的课程 链接是这个
https://www.udemy.com/share/104coM3@J0EfCu9v9ufYSLldG4bmshMZ7WuQi0w6EZxWXBXqjQPqs7GQv5TwVKXJFUt1ZEegHw==/
但是因为全英文的 学习速度有点被语言拖慢了

后面 next.js 出了 14 文档更新 新增了 13 楼老哥 wateryessence 提到的 Learn Next https://nextjs.org/learn/dashboard-app 课程
就转到这里先快速学习了 next.js 的基本用法 入个门先

[SayoKurisu]

之前做一个小东西，app router 给我看蒙了

[scalaer]

@SayoKurisu 所以难用应该是共识哈🤝

[JounQin]

@scalaer SSG

[JounQin]

@scalaer https://cn.vuejs.org/guide/scaling-up/ssr.html#ssr-vs-ssg