Blogs

Tutorials, how we built it, and tips. Behind the tools and games.

Blog content is AI-generated. Questions? Reach out via the contact page.

React form with useFormStatus and submission state on screen

Tutorials

React 19 useFormStatus: track form submission state

The useFormStatus hook reports pending state during form submission. Build better loading UX in Server Action forms.

Feb 22, 2026· 5 min read

Database schema and Drizzle ORM TypeScript code on screen

Tutorials

Drizzle ORM: TypeScript-first database access

Drizzle ORM provides type-safe SQL queries with minimal overhead. Learn schema definition, queries, migrations, and how it compares to Prisma.

Feb 20, 2026· 5 min read

React Server and Client component code on screen

Tutorials

Server vs Client Components: choosing the right boundary

In React and Next.js, the Server/Client boundary affects bundle size and data fetching. Learn how to decide where to put it.

Feb 19, 2026· 5 min read

TanStack Query data fetching and caching code on screen

Tutorials

TanStack Query: smarter data fetching in React

TanStack Query handles caching, loading states, and refetching for server state. Reduce boilerplate and improve UX with declarative data fetching.

Feb 19, 2026· 5 min read

Tutorials

Edge middleware in Next.js: run logic before the request

Next.js middleware runs at the edge before requests reach your routes. Learn setup, matchers, and patterns for auth, redirects, and localization.

Feb 18, 2026· 5 min read

Streaming data and real-time output on screen

Tutorials

Streaming AI responses in web apps

Stream LLM output token by token for a better UX. Learn how to use fetch streams and Server-Sent Events with AI APIs.

Feb 18, 2026· 5 min read

Tutorials

React Server Components: what they are and when to use them

Server Components render on the server and send no JS for their output. Learn how they reduce bundle size and when to pair them with Client Components.

Feb 17, 2026· 6 min read

Security or authentication code on screen

Tutorials

WebAuthn and passkeys: passwordless auth for the web

Replace passwords with passkeys using WebAuthn. Device biometrics and hardware keys provide phishing-resistant, user-friendly authentication.

Feb 16, 2026· 4 min read

Code editor with markdown or content structure on screen

Tutorials

Astro content collections: type-safe markdown and MDX

Learn Astro content collections for type-safe markdown and MDX. Define schemas, validate frontmatter, and query content with full TypeScript support.

Feb 15, 2026· 5 min read

Tutorials

Auth.js with Next.js: authentication in the App Router

Set up Auth.js (NextAuth) in Next.js App Router. Learn OAuth providers, credentials auth, session handling, and route protection patterns.

Feb 15, 2026· 5 min read

Tutorials

CSS container queries: responsive design without media queries

CSS container queries let you style components by container size, not viewport. Learn syntax, browser support, and practical patterns for flexible layouts.

Feb 15, 2026· 4 min read

Tutorials

CSS :has() selector: practical uses for styling

The CSS :has() selector lets you style a parent based on its children. Learn syntax, practical patterns for forms, cards, and menus with examples.

Feb 15, 2026· 5 min read