blog-engine-07-gatsby 建极速网站和应用程序 基于React的最佳框架,具备性能、可扩展性和安全性。

这篇具有很好参考价值的文章主要介绍了blog-engine-07-gatsby 建极速网站和应用程序 基于React的最佳框架,具备性能、可扩展性和安全性。。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

拓展阅读

blog-engine-01-常见博客引擎 jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/Nuxt.js/Middleman 对比

blog-engine-02-通过博客引擎 jekyll 构建 github pages 博客实战笔记

blog-engine-02-博客引擎jekyll-jekyll 博客引擎介绍

blog-engine-02-博客引擎jekyll-jekyll 如何在 windows 环境安装,官方文档

blog-engine-02-博客引擎jekyll-jekyll SEO

blog-engine-04-博客引擎 hugo intro 入门介绍+安装笔记

blog-engine-05-博客引擎 Hexo 入门介绍+安装笔记

blog-engine-06-pelican 静态网站生成 官方文档

blog-engine-06-pelican 静态网站生成 windows 安装实战

blog-engine-07-gatsby 建极速网站和应用程序 基于React的最佳框架,具备性能、可扩展性和安全性

blog-engine-08-vuepress 以 Markdown 为中心的静态网站生成器

blog-engine-09-nuxt 构建快速、SEO友好和可扩展的Web应用程序变得轻松

blog-engine-10-middleman 静态站点生成器,利用了现代 Web 开发中的所有快捷方式和工具

前言

由于个人一直喜欢使用 markdown 来写 个人博客,最近就整理了一下有哪些博客引擎。

感兴趣的小伙伴也可以选择自己合适的。

Gatsby

Gatsby 是一个基于React的免费开源框架,它帮助开发者构建极速网站和应用程序。

它结合了动态渲染站点的控制性和可扩展性以及静态站点生成的速度,创造了全新的网络可能性。

Gatsby帮助专业开发者高效创建可维护、高性能、内容丰富的网站。

从任何地方加载数据。Gatsby可以从任何数据源获取数据,无论是Markdown文件、像Contentful或WordPress这样的无头CMS,还是REST或GraphQL API。使用源插件加载数据,然后使用Gatsby的统一GraphQL接口进行开发。

超越静态网站。享受静态网站的所有优势,但没有任何限制。Gatsby站点是完全功能的React应用程序,因此您可以创建高质量的动态Web应用程序,从博客到电子商务网站再到用户仪表板。

选择您的渲染选项。除了静态站点生成(SSG)之外,您还可以根据页面选择替代渲染选项,即延迟静态生成(DSG)和服务器端渲染(SSR)。这种粒度控制使您能够在不牺牲一个方面的情况下优化性能和生产力。

性能已经内置。默认情况下通过性能审核。Gatsby自动进行代码拆分、图像优化、内联关键样式、懒加载、预取资源等操作,以确保您的站点快速运行,无需手动调整。

为每个站点使用现代技术栈。无论数据来自何处,Gatsby站点都是使用React和GraphQL构建的。为您和您的团队构建统一的工作流程,无论数据来自相同的后端还是不同的后端。

以分母为单位大规模托管。Gatsby站点不需要服务器,因此您可以将整个站点托管在CDN上,成本仅为服务器渲染站点的一小部分。许多Gatsby站点可以完全免费托管在Gatsby Cloud和其他类似服务上。

在任何地方使用Gatsby的集中式数据层。使用Gatsby的Valhalla内容中心,您可以将Gatsby的数据层引入任何项目中。通过统一的GraphQL API访问它,用于构建内容站点、电子商务平台以及原生和Web应用程序。

学习如何在您的下一个项目中使用Gatsby。

💻 在5分钟内在本地开始使用Gatsby

您可以通过以下四个步骤在本地开发环境上快速启动并运行新的Gatsby站点:

初始化一个新项目。

这里需要提前安装 npm.

npm init gatsby

给它命名为"My Gatsby Site"。

配置选项:

What would you like to call your site?
√ · My Gatsby Site
What would you like to name the folder where your site will be created?
√ gatsby/ my-gatsby-site
√ Will you be using JavaScript or TypeScript?
· JavaScript
√ Will you be using a CMS?
· No (or I'll add it later)
√ Would you like to install a styling system?
· No (or I'll add it later)
√ Would you like to install additional features with other plugins?
· Add Markdown support (without MDX)

以开发模式启动站点。

然后,转到您新站点的目录并启动它:

cd my-gatsby-site/
npm run develop

打开源代码并开始编辑!

您的站点现在正在 http://localhost:8000 上运行。

在您选择的代码编辑器中打开my-gatsby-site目录并编辑src/pages/index.js。

保存您的更改,浏览器将实时更新!

在这一点上,您已经拥有一个完全功能的Gatsby网站。有关如何自定义Gatsby站点的更多信息,请参阅我们的插件和官方教程。文章来源地址https://www.toymoban.com/news/detail-843740.html

到了这里,关于blog-engine-07-gatsby 建极速网站和应用程序 基于React的最佳框架,具备性能、可扩展性和安全性。的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Caching the Application Engine Server 缓存应用程序引擎服务器

    Caching the Application Engine Server 缓存应用程序引擎服务器 Application Engine caches metadata just like the application server. This caching enhances performance because a program can refer to the local cache for any objects that it uses. 应用程序引擎会像应用程序服务器一样缓存元数据。这种缓存提高了性能,因为程序

    2024年02月19日
    浏览(9)
  • 为应用程序接入阿里云CDN优化网站访问速度

    网站接入CDN的前提必须域名要备案,否则无法使用。 如果你的域名没有进行备案,但是你有真实的域名,在配置CDN的时候加速区域可以选择全球非中国大陆,通过这种配置可以去验证CDN的效果,配置完成后,

    2024年02月11日
    浏览(19)
  • 【C#】通过C#代码创建IIS应用程序池和网站

    代码 参考了其他人的代码,做了一些优化,很多代码用不上 例子 参考 自写C#添加网站应用程序池虚拟目录实现网站管理 » 江湖人士 使用命令行在 Windows 11 上启用 IIS Web 服务器-云东方 用C# 代码咋管理IIS呢?_零零妖的博客-CSDN博客 C#IIS网站应用程序池列表添加修改删除 - -

    2024年02月13日
    浏览(10)
  • 寻找新的 AI 应用程序和 ChatGPT 工具的前 5 个网站

    人工智能 (AI) 改变了我们生活的方方面面,从提高生产力到彻底改变客户体验。随着人工智能的日益普及,对能够利用其潜力的可靠工具和服务的需求也在不断增长。幸运的是,有专门的平台可以作为宝贵的资源,指导用户有效地发现和利用人工智能工具的力量。 在本文

    2024年02月10日
    浏览(14)
  • Asp .Net Web应用程序(.Net Framework4.8)网站发布到IIS

    开启IIS 如果已开启跳过这步 打开控制面板-程序  打开IIS 发布Web程序(.Net Framework 4.8 web网页) 进入IIS管理器新建一个应用池 新建一个网站 网站创建完毕 为文件夹添加访问权限  如果不添加访问权限,运行时将会得到如下错误 设置权限   勾选上面添加的账户的修改权限 

    2024年01月21日
    浏览(22)
  • 实验篇(7.2) 07. 通过安全隧道访问指定网站 (FortiClient-SSL) ❀ 远程访问

    【简介】通过前面的实验,我们已经了解了SSL VPN的隧道模式。FortiClient客户端拨号后,访问服务器IP的流量,会通过安全隧道到达远端防火墙,并访问DMZ接口下的服务器。那如果我想让更多的访问走安全隧道,但是又不确定是哪些IP地址,这个有办法吗?    实验要求与环境

    2024年02月04日
    浏览(12)
  • chorme安装esay scholar及chrome 无法从该网站添加应用、扩展程序和用户脚本解决方案

    如题,博主想安装easy scholar用于查询论文的分区,结果安装了半天一直出现chrome 无法从该网站添加应用、扩展程序和用户脚本解决方案的问题。 先从这个网址下载:https://www.easyscholar.cc/download 然后对下载好的文件进行解压。  按照[1]中说的,点击右上角三个点-更多工具-扩展

    2024年02月07日
    浏览(7)
  • 【问题记录】flask开发blog

    学习教程:Flask从零博客开发实战-b站 host=0.0.0.0表示可以在所有端口上 工厂函数 :不直接实例化Flask类,而是在一个函数内创建它,应用程序的配置在函数内部进行。 在“文章管理”界面,标签显示出来是: Tag tag1 Tag tag2 ,但我其实只想要显示它的名称。Tag的模型如下: 再

    2024年02月04日
    浏览(17)
  • Docker安装开源Blog(Typecho)

    首先这个镜像是centos7.9进行安装PHP环境,然后挂载目录去运行的,镜像大概300MB左右,没学过PHP,没办法给Dockerfile文件 参考文章: Docker安装Typecho | D-y Blog 感知不强,图一乐 https://www.wlul.top/article/28276769-1f97-431e-8059-e6723d5c7689 参考模板: 一款拥有漂亮外表的Typecho简洁主题-Sc

    2024年01月22日
    浏览(17)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包