next.js ssr 好难, 各位是怎么学的? - V2EX
请不要在回答技术问题时复制粘贴 AI 生成的内容
scalaer

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

  •  
  •   scalaer Dec 10, 2023 4271 views
    This topic created in 889 ays ago, the information mentioned may be changed or developed.

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

    吐槽一下: 好难

    Supplement 1    Dec 10, 2023
    是代理的问题
    Supplement 2    Dec 10, 2023
    https://chasetrend.news/

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

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

    参考: https://alipanx.com
    pengtdyd
        15
    pengtdyd  
       Dec 10, 2023
    服务端渲染,这不是很好理解嘛。
    scalaer
        16
    scalaer  
    OP
       Dec 10, 2023
    @timnottom 牛的,老哥
    estk
        17
    estk  
       Dec 10, 2023 via iPhone   1
    一股脑 use client
    ts 一股脑 any 就对了
    scalaer
        18
    scalaer  
    OP
       Dec 10, 2023
    xiamuguizhi
        19
    xiamuguizhi  
       Dec 11, 2023
    gtp 复制粘贴搞定。
    VitaminC1989
        20
    VitaminC1989  
       Dec 11, 2023
    我学 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  
       Dec 11, 2023
    之前做一个小东西,app router 给我看蒙了
    scalaer
        22
    scalaer  
    OP
       Dec 11, 2023
    @SayoKurisu 所以难用应该是共识哈
    JounQin
        23
    JounQin  
       Dec 15, 2023 via iPhone
    @scalaer SSG
    About     Help     Advertise     Blog     API     FAQ     Solana     901 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 57ms UTC 22:32 PVG 06:32 LAX 15:32 JFK 18:32
    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