Effect + Next.js Example

This example shows a minimal, practical integration of Effect with the Next.js App Router.

Libraries

• @mcrovero/effect-nextjs: typed helpers for pages, layouts, middlewares, actions and routes — GitHub
• @mcrovero/effect-react-cache: tiny utility to cache Effect programs across React executions — GitHub

Getting started

Prerequisites

• Node.js 18+
• pnpm (recommended)

Install

pnpm install

Develop

pnpm dev

Open http://localhost:3000.

Build & run

pnpm build
pnpm start