AEAl-Andalus⺢Experience
Sign in · Join
AEAl-Andalus⺢Experience
ProjectsGalleryAboutArticlesDashboardAPI
© 2026 — Modular content systems☕buy me a coffee
Framework Study Guide
ChaptersCardsLegendRoadmapRoute Map
Cards
Card · LegendCard · Server PageCard · Client ComponentCard · Entity ActionsCard · Server ActionsCard · Context ProviderCard · API RouteCard · Types & PrismaCard · Entity-FirstCard · DeploymentCard · Next 16 + Prisma 7Card · CSS & TailwindCard · Libraries & AcceleratorsCard · Prisma 7 (Next App Router)Card · TypeORMCard · DrizzleCard · Special FilesCard · Client BoundariesCard · Next 16: cache, PPR, proxy, AI
→ chapters/02-client-component

Card · Client Component

UI + interaction; call server actions, no data authority.

Do / Don’t

  • Render + handle events; talk to server actions.
  • No Prisma, no business rules; props or promises only.
  • Keep state UI-only (filters, selection, layout).

Snippet

"use client";
export function ProjectRow({ project }) {
return (<button onClick={() => deleteProject(project.id)}>Delete</button>);
}

Study Card · Chapter 02-client-component