静态站点发电机在2021年观看

2021-06-08 07:38:05

每年我们都会随着Jamstack的工具景观继续发展而受到兴趣。核心的核心是负责将模板,内容和数据转化为可部署的站点或应用程序的库或框架。被称为“静态站点生成器”,其中一些工具现在通过提供更丰富的开发人员的工作流程和集成来远远进一步远远进一步远远进一步。

在他们的心中,他们仍然可以创建网络资产的工作,您将部署到您所选择的托管平台,以服务您的网站,但随着景观成熟,良好的工具的可用选项正在增长。

这篇文章看一些最受欢迎和值得注意的网站生成器,我们在NetWify基础设施上部署在卷上,或在Jamstack Ecosystem中注册注意力。

继续非常受欢迎和常用,Gatsby对使用GraphQL数据流水线进行基于反应的发展方法,以提供快速的开发工作流程。

与所有基于反应的SSG一样,强大的组件模型带来了很大的可用性和模块化,并且为Gatsby提供了一个插件生态系统。

虽然向最终用户提供的表现据称是非常好的,但盖茨比历史悠久地努力为具有大量页面的网站提供快速建设时代,这导致了很多令人兴奋的努力来支持构建缓存和其他建筑时间优化 - 站点发电机世界的不断发展的空间。

Gatsby还发布了今年各种图像优化,以提高构建时的图像操作操作的性能,并在它生成的前端代码中添加各种自动图像格式支持。

如果2019年是今年的动力与盖茨比,2021年已成为下一个年的年份。随着普及和采用的巨大激增,这种基于反应的场地发电机已经击中了一个带有许多已经熟悉反应的开发人员的和弦。

也许反映了Jamstack类别的越来越受欢迎的普及和它的演变,以提供更大且较大尺寸的网站,下一个.JS在静态站点生成(SSG)和服务器端渲染(SSR)模型的混合中重点是很多努力,以及支持用于增量再生。

在此列表中的框架和托管平台之间具有更严格的耦合,下一个问题通过托管提供商需要一些额外的开发,以支持其与更便携式和平台可靠的工具相比的一些功能。在NetLify平台上,这是由本质的下一个项目提供的.js项目自动安装。

通常被描述为Next.js的Vue版本,Nuxt.js确实采用了以前由基于反应的影响者实现的许多约定和功能。

由于其底层VUE组件模型,能够以SSR或SSG模式运行,具有很大的模块化和可兼容性,并且由于其插件模型而易于扩展。

许多人认为Vue更接近,并且比反应更容易升级,这使得umxt.js成为一个流行的选择(当然,这是主观的,可能取决于您的经验和品味)。我已经发现了,并且也享有它如何通过其转换组件随时可用的转换和动画,我发现它比某些替代方案更容易更容易发生我的心理模型。

启动它的SSG!通过支持集成到GitHub页面,jekyll,基于流行的基于Ruby的站点发生器,打开了自动构建的大门和我们许多人的连续部署。它对表达的支持,但简单的液体模板语言被证明是开发人员开始探索这个空间的流行,并且仍然在Github环境中仍然很好地采用。

Jekyll还为许多仍然是这个空间中仍然是一个订书钉的许多公约的方式,例如支持Markdown内容和来自Yaml Frontmatter的数据集合。

作为一个开源项目维护,它是非常便携的,并且在没有捆绑在JavaScript框架中没有捆绑的标记,这意味着对于那些希望完全控制运送到最终用户的JavaScript的人来说,这仍然是一个流行的选择对于客户端javascript根本。

JavaScript的增加及其稍微更平易近依赖的依赖管理已经摇摆了一些开发人员,不那么熟悉Ruby生态系统,以寻求使用JavaScript的类似替代方案,而是将Ruby作为其构建时环境,但对于许多Jekyll仍然是一个值得信赖的工具。

作为能够最快的站点构建速度的站点生成器(通常每页少于1毫秒),Hugo通常被部署为构建具有大量页面的站点的工具。

以Go并随时为二进制编写,Hugo非常便携,并建立在Jekyll建立的许多原则上。除此之外,它会演变很多惯例,帮助组织模板类型和站点结构。

它的主题系统已经产生了一个大型现场主题图书馆,并且还与经常重新剥皮的共同站点模式获得普及,并且其非常快速的构建时间在开发工作流程期间提供快速的反馈周期。

在一个由JavaScript Tools主导的世界中,Hugo仍然非常受到在各种托管平台上部署的许多网站,并且由定期使用它的人很受欢迎。

Gridsome是一个Vue.js-Powered框架,用于构建静态生成的网站&应用。引导“快速默认”短语,Gridsome为您站点的每个页面生成HTML,也可以为每个页面生成JSON文件,然后使用渐进式增强功能添加一些客户端实用程序,以便根据何时添加链接预取链接进入视图,代码拆分,图像延迟加载等。

它与Gatsby和Gatsbe的网站分享了许多原则,其中包括提供可以部署到任何托管基础架构的Vue单页应用程序(SPA)的框架。它是统一的GraphQL数据层和热重新加载帮助,以提供一种令人满意和生产的开发工作流程。

对于那些探索Vue的人来说,单个文件页面模板将熟悉并提供从Vue生态系统中添加页面转换和其他美好事物的好方法。

Gridsome网站包括各种启动模板,其演示如何使用Gridsome具有各种内容源和集成。

繁荣的工具生态系统的好处之一是,我们可以选择为每个工作选择合适的工具,而不是假设一个工具将是每个用例的完美解决方案。

Docusaurus专注于提供文件网站。它有一个规定的目标是“做一件事井是最好的写作和出版内容的最佳工具”,因此在积极和挑剔的纪录片社区中变得非常受欢迎。

使用React构建,它支持MDX中的写入内容,以便JSX和React组件可以嵌入到Markdown中,但旨在通过提供明智的默认值以及覆盖开发人员需要覆盖的能力来易于学习和使用。最近释放与Docusaurus 2 Beta的重大更新,其中许多原则是由Gatsby启发的,但它更为集中,旨在更容易使用,并且对于内容作者来说更容易使用。

在网络上难以测量十大十的普及,因为通过设计,它是透明且不引起的,在它产生的网站上留下签名。然而,轶事(并观察到NetWify Build基础设施)我们看到了大量的增益势头,特别是在Web开发社区的部分地区的绩效和保留对其网站输出的完全控制。 (谷歌的Chrome Dev Summit和Web.Dev网站是一个很好的例子)。

也许最方便地描述为Javascript而不是Ruby实现的Jekyll,现在已经超越了大约,而在挡住清晰简单的斜坡上,并仅向浏览器运送到您所说的内容。与Jekyll和Hugo一样,没有自动烘焙的JavaScript框架。

它支持最受欢迎的模板库,是可移植的,并且在任何托管提供商上部署,尽管最近的实验包括对按需构建器的可选支持(NetLify的分布式持久渲染)。

虽然今天某些网络开发圈看似似乎不太时尚,但是角度在企业空间中仍然非常受欢迎和有影响力。并将SSG功能传递给具有角度的那些建筑物。它通过分析角度应用程序来确定其路由,并为每个路由生成预先渲染的入口点。

插件架构还增加了数据流水线和可扩展性,并且血管基元的基础意味着它为角开发人员的预渲染站点提供了低摩擦路径,以及使用现有角度码布的那些。

2020年10月,SCULLY正式发布的v1.0和我们自己的塔拉马来西奇一直在关注并为那些热衷于探索的人创造各种资源。

虽然我们目前没有看到大量的Sveltekit这是另一个有趣的。

灵感灵感,并扩展了下一个方法中的许多方法,Sveltekit(替换Sapper)是用Svelte组件构建的,而不是反应,因此声称比其反应和基于VUE和VUE的对应物更瘦。

它采用逐行增强方法,其中每个页面被生成为有效的入口点,然后可以通过客户端JavaScript增强,以提供更快的向上导航。

Sveltekit可以创建要由无服务器函数服务的站点,或者可以预先生成整个站点。而其混合的方法和重点上无服务器后端使其成为一个有趣的项目看,因为我们看到Jamstack网站发展的边界。

仍处于相对早期发展阶段,SvelteKit有许多适配器帮助推动其功能超越静态生成和支持各种无服务器框架,包括这一个Netlify功能

忏悔时间 - 将此列表保持在10年至今真的很难。虽然此列表上的许多SSG出现在之前,但景观正在转换,新工具正在出现并带来一些新的方法和改进。我怀疑未来几个月会看到一些新的工具,获得了很多势头。

所以让我们偷偷摸摸这一点。不要严格地纯粹是SSG,而是为了类似的目的,vite是来自Evan You的大脑的另一个开源项目(以及一套健康的数百个贡献者)。它的目标是提供用于Web的更快,更精简的开发经验。

在幕后,它使用了一个非常自以为是,汇总配置将您的网站捆绑到具有许多智能默认值的静态资产中。您不需要知道汇总使用它,但可以通过其JavaScript API和快速增长的插件来调整您的精确要求。

它提供了一个精益的本地开发服务器,可让您使用热模块替换,打字标注和一些非常智能和快速依赖性捆绑行为。 您可以为JSX和TSX获得内置支持,以及支持各种流行的CSS预处理器。 它看起来呼吁开发人员呼吁,他们赞成许多现代Web框架和库,并且已经拥有在React,Vue和Svelte上建立的越来越多的项目模板。 当然,静态站点生成器和框架列表在此处不结束。 存在各种各样的类似工具,新的到达和方法继续推动事情,并保持这种空间有趣。