SSR
文章平均质量分 94
爱玲姐姐
大家好,我是计爱玲,英文名:Cathy,是一名前端开发工程师,热爱解锁各种前端新技术。我的爱豆是王一博,当然我也想认识更多同行的帅哥,
我的微信jal517486222,欢迎加我好友交流编程技术*^_^*
个人网站:https://jiailing.com
展开
-
React 静态站点生成器: Gatsby
React 静态站点生成器: Gatsby文章出处: 拉 勾 大前端 高薪训练营练习代码地址Gatsby 是一个静态站点生成器,官网地址是:https://www.gatsbyjs.cn/一、静态应用的优势访问速度快更利于 SEO 搜索引擎的内容抓取部署简单二、Gatsby 总览基于 React 和 GraphQL, 结合了 webpack, babel, react-router 等前端领域中最先进工具,开发人员开发体验好;采用数据层和UI层分离而不失 SEO 的现代前端开发原创 2021-01-19 07:52:09 · 1958 阅读 · 0 评论 -
React 服务端渲染框架:Next.js
React 服务端渲染框架:Next.js文章出处: 拉 勾 大前端 高薪训练营练习代码地址Next.js是React服务端渲染应用框架.用于构建SEO友好的SPA应用.支持两种预渲染方式,静态生成和服务器端渲染.基于页面的路由系统,路由零配置自动代码拆分.优化页面加载速度.支持静态导出,可将应用导出为静态网站.内置CSS-in-JS库styled-jsx方案成熟,可用于生产环境,世界许多公司都在使用应用部署简单,拥有专属部署环境Vercel,也可以部署在其他环境.一、创建 N原创 2021-01-19 07:47:38 · 1502 阅读 · 0 评论 -
React 原生实现服务端渲染
React 原生实现服务端渲染 文章出处: 拉 勾 大前端 高薪训练营练习代码地址一、服务器端渲染快速开始1. 实现 React SSR引入要渲染的 React 组件通过 renderToString 方法 将 React 组件转换为 HTML字符串将结果 HTML 字符串响应到客户端renderToString 方法用于将 React 组件转换为 HTML 字符串,通过 react-dom/server 导入.2. webpack 打包配置问题: Node 环境不支持 ESM.原创 2021-01-19 07:45:09 · 1056 阅读 · 0 评论 -
大前端学习笔记 - 静态站点生成(Gridsome静态站点方案、GraphQL查询数据、Strapi生成接口、自动部署到Vercel)
静态站点生成文章内容输出来源:大前端高薪训练营一、Gridsome基础知识1. Gridsome是什么一个免费、开源、基于VUE.js技术栈的静态网站生成器官方网址:https://gridsome.orgGitHub: https://github.com/gridsome/gridsome2. 什么是静态网站生成器静态网站生成器是使用一系列配置、模板以及数据,生成静态HTML文件及相关资源的工具这个功能也叫做预渲染生成的网站不需要类似PHP这样的服务器只需要放到支持静态原创 2020-09-29 22:18:30 · 3404 阅读 · 1 评论 -
大前端学习笔记 -- 搭建自己的服务器端渲染 (SSR)
搭建自己的SSR一、渲染一个Vue实例mkdir vue-ssrcd vue-ssrnpm init -ynpm i vue vue-server-renderderserver.jsconst Vue = require('vue')const renderer = require('vue-server-renderer').createRenderer()const app = new Vue({ template: ` <div id="app原创 2020-09-29 17:54:45 · 2210 阅读 · 1 评论