Next.js matured from a pages-first React framework into a full-stack runtime with Server Components, Route Handlers, and Server Actions. That evolution makes GraphQL a natural fit: you can run a GraphQL server in-process (no extra infra), stream results into React trees, and choose exactly where caching lives. Since…
Qwik is a modern web framework built for instant loading by default, using “resumability” to ship minimal JavaScript and wake up only the code a user needs. That design is brilliant in development and in production—provided your deployment matches how Qwik builds both its client and server outputs.…
Redis is a high-performance, in-memory key/value store that’s often used for caching, session storage, message brokering, and more. Because it keeps data in memory (with optional persistence), it offers microsecond latency and high throughput. That said, Redis was originally developed to run in trusted environments, so exposing it…
MongoDB has become a go-to choice for developers building modern applications since its launch back in 2009. As a flexible, document-oriented NoSQL database, it stores data in JSON-like formats, making it ideal for handling unstructured or semi-structured data in everything from web apps to big data projects. Unlike…
If you’ve been working on modern JavaScript applications, you’ve likely come across dynamic imports—they’re a powerful way to lazy-load code, splitting your bundles and improving load times for users. Tools like Vite and Next.js make this even easier by handling a lot of the heavy lifting during development…
As you may already know, CSS custom properties (aka CSS variables) let you store dynamic values and reuse them via var(). But what if you need the negative version of a variable—say, you store a gap size –gap: 1em, and elsewhere you want -1em? You can’t just write…
A few years ago, CSS authors longed for a way to take a solid color (hex, named, HSL, whatever) and derive a version of it with arbitrary transparency—on the fly, without precomputing dozens of variants. One workaround was SASS/SCSS functions that split colors into channels and recompose them…
Fluid typography—the idea that text scales smoothly with screen size—has evolved alongside CSS itself. Before modern functions existed, developers often relied on verbose media queries and manual breakpoints. The introduction of clamp() simplified this work by allowing text to grow with viewport width while still respecting minimum and…
For years, front-end developers have longed for native functions / mixins in CSS—something like what Sass, Less, or Stylus provide, but built-in. Recently, a new draft proposal for CSS custom functions has gained traction. Una Kravets highlighted several early uses (negation, opacity, fluid typography), including a “layout sidebar”…
Over the years, web developers have adopted the prefers-color-scheme media query to let websites adapt to a user’s OS dark/light preference. The typical pattern is: This works well for colors; but what if you want a property that’s not a color—say a background-image, border-style, font-size, or even layout…
If you have built authentication in JavaScript over the past few years, you have probably touched Auth.js—born as NextAuth.js and adopted across everything from hobby apps to high-traffic products. The Auth.js team and Better Auth have now announced that Auth.js will be maintained and overseen by the Better…
Omarchy is a curated Linux-based development environment built by David Heinemeier Hansson (DHH) and 37signals. It layers an opinionated configuration (Hyprland window manager, developer tools, shell customizations, UI theming) on top of Arch Linux so that developers can “just install and go.” The project quickly gained traction because…
