ericgui

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

  •  
  •   ericgui · Nov 5, 2019 · 3245 views
    This topic created in 2562 days ago, the information mentioned may be changed or developed.

    项目地址: 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 问题了,这个要请人来设计一下。

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

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

    此外,这个不是为了性能,是为了 SEO。
    blueset
    blueset
    Nov 6, 2019 via Android
    16
    顺便为了那些看到 SSR 实在想不出来是什么意思的人:这里面说的是 Server-side rendering。
    ericgui
    ericgui
    OP
    Nov 6, 2019
    17
    XlouS666
    XlouS666
    Nov 6, 2019 via Android
    18
    看到 ssr 我以为
    Cbdy
    Cbdy
    Nov 6, 2019 via Android
    19
    ssr 打开性能好一点,百度 seo 好一点。其他你说的问题并不存在
    oaife
    oaife
    Nov 6, 2019
    20
    看到 ssr 我以为
    ericgui
    ericgui
    OP
    Nov 6, 2019
    21
    @Cbdy 我指的是我自己这个网站的问题

    ssr 对 social sharing 也很好
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   3678 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 89ms · UTC 01:03 · PVG 09:03 · LAX 17:03 · JFK 20:03
    ♥ Do have faith in what you're doing.