Public Next.js challenges shared by the EraCode community. These pages are teasers — skill maintenance starts when you attempt the full problem inside EraCode.
Practice lightweight dependency injection in Next.js by pushing a value into the request context (via a header) and consuming it in a Server Component.
Practice iterating over a dataset to prebuild dynamic routes in the Next.js App Router using generateStaticParams.
Quick daily practice on testing Next.js client components: mock the App Router navigation hook so you can assert route changes without a real browser.
Practice a small but meaningful accessibility improvement in a Next.js App Router layout: add an aria-live announcement so screen reader users get feedback when navigation completes.
Quick practice on Next.js navigation: keep existing query params when routing to a new path.
Practice a focused Next.js modules/imports skill: using a TypeScript path alias to avoid brittle relative imports.
Quick practice on string normalization for SEO-friendly routing in Next.js: understand when to redirect and implement a tiny slug canonicalizer.