Astro:船舶减少JavaScript

2021-06-09 20:54:55

不幸的是,现代Web开发一直在相反的方向趋向于更多。更多的JavaScript,更多功能,更具活动的部件,最终需要更加复杂,以便保持全部运行。

今天,我很高兴公开分享Astro:一种新型的静态站点建设者,具有现代开发人员体验,提供闪电快速性能。要设计Astro,我们借了我们最喜欢的工具的最佳部分,然后添加了我们自己的一些创新,包括:

带上自己的框架(Byof):使用React,Svelte,Vue,Preact,Web组件或仅限普通OL'构建您的网站; HTML + JavaScript。

100%静态HTML,NO JS:Astro将整个页面呈现给静态HTML,默认从最终构建中删除所有JavaScript。

按需组件:需要一些JS?当在页面上可见时,Astro可以自动自动互动组件。如果用户从未看到它,他们永远不会加载它。

齐全特色:Astro支持打字,范围CSS,CSS模块,SASS,Tailwind,Markdown,MDX和您最喜欢的NPM包中的任何一个。

SEO启用:自动站点地图,RSS源,分页和集合带出SEO和联合的痛苦。

这篇帖子标志着Astro的第一个公开测试版。在这个早期阶段仍然可以预期缺少的功能和错误。在1.0官方发布之前,还有几个月的时间才能出发,但是今天有几个有很多快速的网站,而且今天的Astro。我们希望在今年晚些时候举行v1.0发布时,我们希望您的早期反馈。

要了解有关Astro并开始构建您的第一个网站的更多信息,请查看项目自述文件。

#创建您的项目mkdir new-project-directory cd new-project-directory npm init Astro#安装依赖关系NPM安装#启动Dev Server并打开浏览器NPM START

要了解有关Astro并开始构建您的第一个网站的更多信息,请查看项目自述文件。

Astro像静态站点发生器一样工作。如果您曾使用过大约,Hugo或Jekyll(甚至像轨道,Laravel或Django这样的服务器端Web框架),那么您应该在家里有Astro。

在Astro中,您可以使用您喜欢的JavaScript Web框架(React,Svelte,Vue等)使用UI组件来撰写您的网站。 Astro在构建期间将整个站点呈现给静态HTML。结果是一个完全静态的网站,其中包含所有JavaScript从最终页面中删除。没有必需单片JavaScript应用程序,只需在浏览器中加载尽可能快的静态HTML,而无论您用于生成多少UI组件。

当然,有时客户端JavaScript是不可避免的。图像转盘,购物车和自动完成搜索栏只是需要一些javascript在浏览器中运行的东西的一些例子。这是Astro真的闪耀的地方:当组件需要一些JavaScript时,Astro只加载一个组件(和任何依赖项)。您的其余站点仍然存在于静态轻质HTML中。

在其他全堆栈Web框架中,此级别的每分组优化将是不可能在JavaScript中加载整个页面,延迟交互性。在Astro中,这种部分水合是刀具本身的。

一旦使用:可见修改器在页面上可见,您甚至可以自动延期组件即可加载。

这种Web架构的新方法称为岛屿架构。我们在这个术语中没有硬币,但Astro可能已经完善了这种技术。我们相信,最先进的JavaScript-Isp-Inst-Red方法是大多数基于内容的网站的最佳解决方案。

要了解有关Astro并开始构建您的第一个网站的更多信息,请查看项目自述文件。

一个精心设计的系统使得很容易做正确的事情,令人讨厌(但不是不可能的)来做错误的事情

性能不佳通常是开发人员的失败,但我们恭敬地不同意。在许多情况下,性能不佳是工具的失败。应该难以建立一个缓慢的网站。

Astro'主要设计原则是将开发人员带入Rico Mariani Dubbed"成功的坑"我们的目标是建立每个站点"默认情况下快速"同时还提供熟悉的现代开发者体验。

默认情况下,通过构建您的网站到静态HTML,Astro使得它难以(但从未不可能😉)构建慢速站点。

Astro由Snowpack和SkyPack背后的开源开发人员团队建造,社区的其他贡献。

Astro是,永远是免费的。它是一个在麻省理工学院许可下发布的开源项目。

我们深入关心为开源软件构建更可持续的未来。与此同时,我们需要长期支持Astro'这需要金钱(单独捐赠aren' t。)

我们'重新启发了泰德风,罗马,混音,离子等项目的早期成功,以及在开源顶部试验长期金融可持续性的项目。在明年我们' LL探索我们如何创建一个可持续的业务,以支持100%免费开源Astro多年来。

如果您的公司对我们所令人兴奋的是,我们' D喜欢收到你的来信。

最后,我喜欢给出那些加入我们最早的私人测试版的300多个开发者提供巨大感谢。您的反馈在将Astro塑造成今天的工具中一直是必不可少的。如果您'遗嘱感兴趣的涉及(或与开发一起),请加入我们的不和谐。

要了解有关Astro并开始构建您的第一个网站的更多信息,请查看项目自述文件。