Astro 是一个一体化的网络框架,用于构建快速、以内容为中心的网站。本文将分享一些使用 Astro 的心得,以及在使用过程中遇到的一些问题和解决办法。 使用心得 Astro 默认没有入口 js 文件,所有的公共依赖和配置可以通过布局页面(layout.astro)来实现。例如:公共 meta 标签、页面公共导航栏、Footer、登录框等。 Astro ...
1）更好的SEO 2）更快的内容到达时间（time-to-content），这一点从另一方面解释就是可以有效的减少...
由于有较强的SEO需求,故而最终选用了Nuxt框架实现SSR,从而做到SEO友好。 问题 开发过程中遇到这么个恶心的问题,三种环境的host设置问题:本地、测试、线上。 因为要SEO友好,所以绝大多数页面都需要使用Nuxt的asyncData请求来实现title的动态,保证爬虫的爬取。 async asyncData(ctx) { let res = await http.post(`/...
关于框架:为了解决VUE的SPA单页应用对SEO搜索引擎优化不友好的问题,这几天一直在调研各种SSR框架。比如doc.ssr-fc.com/ 和 fmfe.github.io/genesis-do 都是比较不错,且有自己理念和想法的框架。但是对于公司来说技术规范差异太大,团队学习成本比较高,思来想去,还是基于NUXT.JS自己搭建一套SSR框架慢慢完善吧。 ...
首先说下 SSR,最近很热的词,意为 Server Side Rendering(服务端渲染),目的是为了解决单页面应用的 SEO 的问题,搜索引擎无法抓取页面相关内容,也就是用户搜不到此网站的相关信息。 用NUXT 来做 SSR,作用就是在 node.js 上进一步封装,然后省去我们搭建服务端环境的步骤,只需要遵循这个库的一些规则就能轻松实现 SS...
但是,当将 Redux 与 Gatsby 等服务器端渲染 (SSR) 框架一起使用时,我需要将 configureStore 调用导出为可调用函数,因此我可以确保它仅实例化一次:import { configureStore } from '@reduxjs/toolkit' // ... // 'store' is recommended by the gatsby team to be a function, // See https://github.com...
1、框架介绍 SSR技术(即服务端渲染技术),区别于原先纯Vue框架的SPA应用(即单页应用)。SPA应用只有一个index.html的入口文件,页面显示的所有内容均靠客户端JS进行渲染,对于搜索引擎(SEO)优化来说,整个网站只有一个空页面,十分不友好。而服务端渲染技术,是借助node.js作为框架服务端,在初次访问一个页面的时候,先在...
1、框架介绍 SSR技术(即服务端渲染技术),区别于原先纯Vue框架的SPA应用(即单页应用)。SPA应用只有一个index.html的入口文件,页面显示的所有内容均靠客户端JS进行渲染,对于搜索引擎(SEO)优化来说,整个网站只有一个空页面,十分不友好。而服务端渲染技术,是借助node.js作为框架服务端,在初次访问一个页面的时候,先在...