If you follow Twitter (though I'm not recommending it), you may have noticed a lot of discussion by framework authors about the relative benefits of SPA (single page applications) versus MPA (multi-page applications) with the islands archtecture. Most of the discussion gets pretty deep in the weeds, but the terminology can be confusing. While you are probably familiar with SPAs, you may wonder what the heck is the "islands architecture"?
The reason for the name is because, rather than interactivity being controlled on the application level as in a SPA, the islands architecture has "islands" of interactivity on an otherwise static HTML page. JavaScript is only included as needed to rehydrate (i.e. update the state server-side) specific interactive components rather than the entire app. The canonical description is generally this post by Jason Miller. Examples of tools that use the islands architecture within Jamstack would be Astro or Slinkity (with Eleventy).
|
|
|
The Many Definitions of Server-Side Rendering
Zach explores the different ways that frameworks refer to server-side rendering and the ways it can confuse developers. Specifically, he says that application frameworks tend to frame SSR as an alternative to static (SSG) but component frameworks, on the other hand. donât have a preference to whether SSR happens at build time or on a server.
Zach Leatherman
|
|
The Future Of Frontend Build Tools
The nature of frontend build tools like WebPack, Snowpack or Vite is shifting.
They are moving towards being built in lower level languages like Rust to improve the speed and performance while also adding âunbundled developmentâ using ES Modules to improve the local development experience. These tools often underly newer Jamstack frameworks.
Alexander Joseph
|
đ Upcoming Jamstack-Focused Conferences
Jamstack developers will have their choice of events this Summer and Fall. Netifyâs Jamstack Conf just announced dates and locations: November 7â8 in both San Francisco and online. If youâre a Hugo developer, HugoConf is coming on July 8-9 and is free and online. Finally, Moar Serverless!! is a one-day event focused on serverless topics and will be August 11 for free and online.
|
|
A Comprehensive Guide to NextJS Dynamic Routing
Dynamic routing essentially refers to the ability to serve multiple routes with different parameters from a single file, for example serve a post based upon the slug of a blog post. This guide walks you through how this works in Next.js.
Igor Silveira
|
|
âď¸ Tools, Resources & More...
-
Fresh â A new framework from Deno that uses just-in-time rendering at the edge and an islands-based hydration approach.
-
11ty Second 11ty: Basics of Collections â Bryan Robinson explains Eleventy collections in under 110 seconds in this video.
-
Gatsby v4.17 â This release is focused on performance improvements for both JavaScript/CSS bundling and incremental builds.
-
Hugo v0.101.0 â New GIF animation image processing, a new hl_inline option for code highlighting, a new :slugorfilename permalink keyword and more.
-
How to Deploy an Astro Site to Netlify â A walkthrough by Salma Alam-Naylor for deploying Astro to Netlify.
|
|
Thanks for reading. Catch you next time. â Brian
|
|
|