V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
scalaer
V2EX  ›  程序员

next.js ssr 好难, 各位是怎么学的?

  •  
  •   scalaer · 350 天前 · 3282 次点击
    这是一个创建于 350 天前的主题,其中的信息可能已经有所发展或是发生改变。

    做的一个每天热点应用无法被 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 命令是正常的, 折腾两天了

    吐槽一下: 好难😭

    第 1 条附言  ·  350 天前
    是代理的问题
    第 2 条附言  ·  350 天前
    https://chasetrend.news/

    已用 next.js ssr 重新实现了一遍, 各位 v 友浏览的时候,发现有问题请帮忙反馈下🙇
    24 条回复    2023-12-15 08:38:39 +08:00
    Rrrrrr
        1
    Rrrrrr  
       350 天前
    不调试一下?
    scalaer
        2
    scalaer  
    OP
       350 天前
    @Rrrrrr 服务端请求日志都没有产生
    Rrrrrr
        3
    Rrrrrr  
       350 天前
    @scalaer 会不会你有什么代理,走的不是本地
    kangjm
        4
    kangjm  
       350 天前
    直接在客户端 fetch 试一下,不用 getServerSideProps 呢
    NessajCN
        5
    NessajCN  
       350 天前
    你在 getServerSideProps 里 return 的 props 在页面控件用上了吗?

    譬如你在 getServerSideProps() 里 return {props: {opt: 1} }
    那你的 export default function Page(props) 里要调用 props.opt 才需要这个 ssr
    codehz
        6
    codehz  
       350 天前
    @NessajCN next 新版不用 getServerSideProps 了
    app router 改了好多东西
    这边建议用 swr 来处理,它有对 ssr 的蜜汁优化
    JounQin
        7
    JounQin  
       350 天前 via iPhone
    没必要用 SSR ,徒增烦恼
    scalaer
        8
    scalaer  
    OP
       350 天前
    @JounQin 那页面 seo 是咋做的啊
    scalaer
        9
    scalaer  
    OP
       350 天前
    @kangjm 这个是可以的, 之前就是客户端 fetch 的,为了 seo 才做服务端渲染的
    scalaer
        10
    scalaer  
    OP
       350 天前
    @Rrrrrr 对,有代理
    scalaer
        11
    scalaer  
    OP
       350 天前
    @NessajCN 嗯嗯,就是为了把这部分内容渲染出来,方便 seo 收录
    xxj2220
        12
    xxj2220  
       350 天前
    你去抄一份配置,比你从头学要快
    wateryessence
        13
    wateryessence  
       350 天前
    直接看 https://nextjs.org/learn/dashboard-app ,学 app router
    timnottom
        14
    timnottom  
       350 天前
    最近我找到一个方法,结合 golang 的 gin 中间件,把 react 生成静态文件嵌入到二进制中,这样根据 path ,可以对一些页面生成一些标签:

    参考: https://alipanx.com
    pengtdyd
        15
    pengtdyd  
       350 天前
    服务端渲染,这不是很好理解嘛。
    scalaer
        16
    scalaer  
    OP
       350 天前
    @timnottom 牛的,老哥
    estk
        17
    estk  
       350 天前 via iPhone   ❤️ 1
    一股脑 use client
    ts 一股脑 any 就对了
    scalaer
        18
    scalaer  
    OP
       350 天前
    @estk 😆
    xiamuguizhi
        19
    xiamuguizhi  
       349 天前
    gtp 复制粘贴搞定。
    VitaminC1989
        20
    VitaminC1989  
       349 天前
    我学 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
        21
    SayoKurisu  
       349 天前
    之前做一个小东西,app router 给我看蒙了
    scalaer
        22
    scalaer  
    OP
       349 天前
    @SayoKurisu 所以难用应该是共识哈🤝
    JounQin
        23
    JounQin  
       345 天前 via iPhone
    @scalaer SSG
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2981 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 13:22 · PVG 21:22 · LAX 05:22 · JFK 08:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.