A project I'm working on has me thinking a lot about edge functions lately. If you're new to the concept, edge functions are basically serverless functions that run at the CDN level. This means that you remove any latency caused by the distance between your user and the server region where your serverless functions are deployed.
One of the things that made Jamstack game changing was that it moved your application from being deployed on servers in a single location/region to being deployed to a CDN. Are edge functions as game changing? I'm unsure. For specific use cases, they can remove important latency, but only if your data is cached or resides with/close to the function and some providers have strict limits on what you can do with them. It'll be interesting to watch as this space evolves.
|
|
Conquering JavaScript Hydration Hydration plays a big role in most of the JavaScript-based static site generators, but can sometimes be a performance bottleneck. This article is very conceptual, but digs into some of the ways in which newer frameworks are rethinking hydration.
Ryan Carniato
|
✂︎ Tools and Resources
-
docsQL – A web app designed to run locally that allows you to search and analyze Markdown files using SQL.
-
Radish – A new React-based SSG that doesn't output any client-side JS and includes support for Markdown, data in TOML/YAML/JSON and is offline-first.
-
The new Eleventy Vite Plugin – A video looking at the new Vite plugin that runs as middleware on the dev server and can postprocess your output.
-
Coding Design Systems Episode 11 – Zach Leatherman, creator of Eleventy, was a guest on this show to talk about it.
|
|
Programmatic SEO with Next.js This demo app uses ISR (i.e. deferred rendering) in Next.js to programmatically generate SEO landing pages for topics.
Agam More
|
|