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

第一个 React SSR 网站部署成功: https://awesomejs.org

  •  
  •   ericgui · 2019-11-05 14:03:35 +08:00 · 2101 次点击
    这是一个创建于 1881 天前的主题,其中的信息可能已经有所发展或是发生改变。

    项目地址: https://github.com/buzzycloud/buzzyblog

    demo 网站地址: https://awesomejs.org

    这个还是那个理念:Headless CMS + React

    wordpress 非常非常成熟靠谱的一个博客网站, 甚至可以用来做电商。 除了恶心一点,都挺好的。

    但就是太恶心了,插件,主题等等,都很不现代化,所以要对这么一坨老古董进行改造。

    幸亏提供了 REST API,可以做为后端;前端就用 react 得了。

    那么问题来了,SPA 对 SEO 不友好,你也没法分享链接,因为 SPA 分享链接之后,要么 404,要么你看到的是 fallback url。这对搞内容传播的很不利。

    于是就用 ssr,服务端渲染,框架用的是 nextjs

    好了, 中间开发的痛苦的部分就略过吧。

    现在要部署了。那么,作为一个前端程序员,要不要学 docker ? 我看是要的 我部署这么一个简单的 blog 而已,搞了四五个小时。 所以下一个项目,一定要用 DOCKER !!!

    所以如果有高人来帮忙,感激不尽!

    目前出现的一些问题:

    • favicon.ico 的问题,现在没有 favicon
    • 有的时候点击某个文章,反应特别慢,我感觉这个需要增加一个 logger 来看一下哪里出问题了
    • /etc/hosts 还没改,这个由于是部署在 2 台机器,所以请求 api 应该走内网,而不是走公网,有的时候慢,也可能由于这个原因
    • 其他的,就是 style 问题了,这个要请人来设计一下。

    求点赞 求轻拍 求高人指点 求高人帮助

    第 1 条附言  ·  2019-11-06 00:51:10 +08:00
    SSR 是 server side rendering,服务端渲染
    不是酸酸乳
    21 条回复    2019-11-06 11:50:10 +08:00
    B3C933r4qRb1HyrL
        1
    B3C933r4qRb1HyrL  
       2019-11-05 14:05:50 +08:00
    挺好看的,就是条目没有分隔有点花眼
    vvqqdd
        2
    vvqqdd  
       2019-11-05 14:10:56 +08:00
    @cuvii #1 现在就流行没有分割
    ericgui
        3
    ericgui  
    OP
       2019-11-05 14:19:37 +08:00 via Android
    @cuvii 没有 style,见谅,会请人设计一下
    HytonightYX
        4
    HytonightYX  
       2019-11-05 14:43:54 +08:00
    太喜欢这个 UI 设计了,是 LZ 自己设计的吗
    ericgui
        5
    ericgui  
    OP
       2019-11-05 14:57:10 +08:00 via Android
    @HytonightYX 是的,自己设计的,但这个没任何设计,是按照自己的想法,用了一个 framework,仅此而已
    HytonightYX
        6
    HytonightYX  
       2019-11-05 15:12:32 +08:00
    @ericgui 嗯,配色很舒服,学习了
    DiamondYuan
        7
    DiamondYuan  
       2019-11-05 15:14:26 +08:00
    试试看 now.sh ,不需要服务器就可以部署 ssr 的网站。
    maomaomao001
        8
    maomaomao001  
       2019-11-05 15:20:25 +08:00
    你这个反应速度太慢了吧, 给搜索引擎爬虫 ssr, 给正常人类用户 spa 完全没有问题的
    necodba
        9
    necodba  
       2019-11-05 18:06:14 +08:00 via iPhone
    看到 ssr 我以为
    reactor
        10
    reactor  
       2019-11-05 18:08:29 +08:00
    看到 ssr 我以为
    dcsite
        11
    dcsite  
       2019-11-05 19:24:30 +08:00
    SSR ?我以为 SSR 是指某些软件是常识,为啥又造一个含义
    oneisall8955
        12
    oneisall8955  
       2019-11-05 20:59:31 +08:00 via Android
    看到 ssr 我以为
    happyeveryday
        13
    happyeveryday  
       2019-11-05 21:47:44 +08:00
    加载完全没体现同构的性能优势呀,太慢了
    ericgui
        14
    ericgui  
    OP
       2019-11-06 00:11:08 +08:00 via Android
    @maomaomao001 这个前端请求服务器,目前走公网,这不对,我忘了配置了,今天搞一下
    ericgui
        15
    ericgui  
    OP
       2019-11-06 00:12:23 +08:00 via Android
    @happyeveryday 这个确实有定慢。可以优化的,我今晚做一下。

    此外,这个不是为了性能,是为了 SEO。
    blueset
        16
    blueset  
       2019-11-06 00:34:53 +08:00 via Android
    顺便为了那些看到 SSR 实在想不出来是什么意思的人:这里面说的是 Server-side rendering。
    ericgui
        17
    ericgui  
    OP
       2019-11-06 00:51:24 +08:00
    XlouS666
        18
    XlouS666  
       2019-11-06 07:02:45 +08:00 via Android
    看到 ssr 我以为
    Cbdy
        19
    Cbdy  
       2019-11-06 08:34:54 +08:00 via Android
    ssr 打开性能好一点,百度 seo 好一点。其他你说的问题并不存在
    jier17cm
        20
    jier17cm  
       2019-11-06 08:57:45 +08:00
    看到 ssr 我以为
    ericgui
        21
    ericgui  
    OP
       2019-11-06 11:50:10 +08:00
    @Cbdy 我指的是我自己这个网站的问题

    ssr 对 social sharing 也很好
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5922 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 02:08 · PVG 10:08 · LAX 18:08 · JFK 21:08
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.