Skip to content

Real-world engineering, shared by the developers who built it

Case studies, incident reports, and design decisions from engineers who shipped them, edited and checked before they're published. Software craftsmanship, one real problem at a time.

From the code

Real code from a published article, checked by an editor before it went live.

ReactDeep dive

React Server Components Explained: When to Use Server vs. Client Components

Learn how React Server Components work, what the use client directive really marks, and how to fetch, stream, and mutate data safely in the Next.js App Router.

Read the full walkthrough

Language
TypeScript JSX
Length
21 lines
Reviewed
By an editor, before publishing
Article
14 min read, by Yahia Rachek
app/products/[id]/page.tsx
import { notFound } from "next/navigation";
import { getProduct } from "@/lib/products";
import { CopyLinkButton } from "./copy-link-button";
 
export default async function ProductPage({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  const { id } = await params;
  const product = await getProduct(id);
  if (!product) notFound();
 
  return (
    <main>
      <h1>{product.name}</h1>
      <p>{product.description}</p>
      <CopyLinkButton />
    </main>
  );
}
TypeScript JSX21 linesUTF-8LFChecked by an editor

Write for Stack & Skill

Solved something the hard way? Write it down for the next developer.

How it works
  1. Step 1: Pitch or draft

    Send an idea first, or write straight in the editor: Markdown, live preview, and drafts that save as you type.

  2. Step 2: Editor review

    An editor reads every submission and checks every code sample, then accepts it or asks for specific changes.

  3. Step 3: Published

    Your byline and profile, cover art, the newsletter, and +50 points.

  4. Step 4: Level up

    +5 for every like from another developer, +2 for each helpful comment. Stack Masters go to the front of the review queue.

The contributor ladder

Points come from published articles, likes, comments, and reading. Each level starts at its mark.

  1. 0 pts

    Junior Contributor

  2. 250 pts

    Code Navigator

  3. 500 pts

    Craftsman Developer

  4. 1,000 pts

    Senior Architect

  5. 5,000 pts

    Stack Master

    Front of the review queue

Trending authors

Most read in the last 30 days.

All authors

Keyboard shortcuts

Reading

Next article (older)
j
Previous article (newer)
k
Next section of the article
]
Previous section
[
Read mode on an article (Esc to leave)
r

Search

Search articles or paste an error
/orCtrl K

Go to

Home
gthenh
All articles
gthena
Topics
gthent
Reading list
gthenr
Leaderboard
gthenl

Help

Show these shortcuts
?

Loading search…