Syntax Snack Pack: Next.js Secrets & The Hidden CSS Performance Gem


A Tasty Treats NEWSLETTER for Web Developers

Issue #42:

  • Before you choose Next.js for your next project, there are some things the docs don't tell you
  • Speed up your long lists with CSS gem 'content-visibility: auto'
  • Accepting Money on the Internet in 2025 - handling fraud, taxes, custom checkouts, and more
  • Plus: Sentry's pushing to standardize JavaScript debug IDs across the entire ecosystem

Minding the gaps: A new way to draw separators in CSS

FROM CJ

CSS gap decorations is a new proposal that would allow us to decorate gaps instead of using border color.

You should know this before choosing Next.js

selected by CJ

The author lays out some of the less advertised things about the popular framework.

hromium.com - Event Loop Visualized

another one from cj

Visualize the JS event loop by scrolling down the page.

Introducing `content-visibility: auto` - A Hidden Performance Gem

cj's find!

Speed up the performance of long lists and tables with this simple css property.

All Hail The Algorithm

Some good stuff™ we posted this week

The Feed

New episodes 2×/week + other new video content!

SHAMELESS PLUG

JavaScript needs Debug IDs

Sentry is now attempting to make JavaScript debug ids not just a Sentry-specific concept - but one that exists across the entire JavaScript ecosystem.

did you notice that the swag shop got a redesign? new drops coming soon

Syntax

Read more from Syntax

A Tasty Treats NEWSLETTER for Web Developers Issue #41: If you've been living under a rock - TypeScript launched a new, native compiler built in Go, promising 10x the speed Is Next.js losing ground? Kyle's team switched to TanStack and he's got receipts The Web Almanac's JavaScript report reveals exactly how much JS we're all loading Game devs rejoice: Sentry now offers unified debugging support across gaming consoles Next.js vs TanStack ws's FROM CJ Kyle and his team moved off of Next.js to...

A Tasty Treats NEWSLETTER for Web Developers Issue #40: EA Command & Conquer's source code is now on GitHub (time to waste your weekend study classic game architecture) Safari finally gets CSS anchor positioning while Firefox keeps dragging its feet Could terminal mastery actually make you a worse developer? If you're not hacking your home, what are you even doing? CSS Anchor Positioning coming to Safari wEs's link The new CSS anchor spec, which allows you to position elements relative to...

A Tasty Treats NEWSLETTER for Web Developers Issue #39: Create React App is officially dead (pour one out use Vite instead) 28 different voices speaking directly from your browser thanks to WebGPU magic Tailwind 4 just dropped and there are some solid quality-of-live improvements TypeScript the Bad Parts @Wes TypeScript has released a beta property erasableSyntaxOnly that will disallow any parts of TypeScript that aren’t types — that is anything that compiles into JavaScript code. This...