next.js ssr 好难, 各位是怎么学的? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
scalaer
V2EX    程序员

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

  •   scalaer 2023-12-10 14:39:57 +08:00 3884 次点击
    这是一个创建于 679 天前的主题,其中的信息可能已经有所发展或是发生改变。

    做的一个每天热点应用无法被 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 条附言    2023-12-10 15:38:18 +08:00
    是代理的问题
    第 2 条附言    2023-12-10 20:37:50 +08:00
    https://chasetrend.news/

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

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

    参考: https://alipanx.com
    pengtdyd
        15
    pengtdyd  
       2023-12-10 16:24:55 +08:00
    服务端渲染,这不是很好理解嘛。
    scalaer
        16
    scalaer  
    OP
       2023-12-10 16:34:28 +08:00
    @timnottom 牛的,老哥
    estk
        17
    estk  
       2023-12-10 17:31:42 +08:00 via iPhone   1
    一股脑 use client
    ts 一股脑 any 就对了
    scalaer
        18
    scalaer  
    OP
       2023-12-10 18:14:46 +08:00
    xiamuguizhi
        19
    xiamuguizhi  
       2023-12-11 08:49:06 +08:00
    gtp 复制粘贴搞定。
    VitaminC1989
        20
    VitaminC1989  
       2023-12-11 09:15:28 +08:00
    我学 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  
       2023-12-11 16:11:35 +08:00
    之前做一个小东西,app router 给我看蒙了
    scalaer
        22
    scalaer  
    OP
       2023-12-11 16:28:35 +08:00
    @SayoKurisu 所以难用应该是共识哈
    JounQin
        23
    JounQin  
       2023-12-15 08:37:28 +08:00 via iPhone
    @scalaer SSG
    JounQin
        24
    JounQin  
       2023-12-15 08:38:39 +08:00 via iPhone
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1404 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 16:39 PVG 00:39 LAX 09:39 JFK 12:39
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86