agentsclimarketplace

Nextjs

Skill DongDuong2001/pudo-code-system/skills/frontend/nextjs

Modular, scalable, automated development intelligence.

Install
npx -y skills add DongDuong2001/pudo-code-system --skill nextjs

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 5 stars5 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.9 KB, as published. Nobody here has run it

Next.js 15 (App Router) PUDO Checklist

1. PLAN (Architecture & Strategy)

  • Rendering Strategy: Define which routes will be Server Components (RSC) and which require Client Components (use client).
  • Data Fetching: Plan caching strategies using Next.js 15's native fetch overrides and React.cache.
  • Routing Tree: Map out nested layouts, loading.tsx, error.tsx, and not-found.tsx boundaries.
  • Mutations: Plan Server Actions for data mutations instead of traditional API routes where possible.

2. UNDERSTAND (Context & Auditing)

  • RSC Boundary: Ensure use client directives are pushed as far down the component tree as possible.
  • Bundle Analysis: Audit third-party packages to ensure they are compatible with Server Components.
  • State Management: Review where global state (Zustand, Redux) is truly needed versus URL state or server state.

3. DEVELOP (Implementation)

  • Components: Build Server Components by default. Extract interactivity (hooks, events) into minimal Client Components.
  • Forms & Mutations: Use React 19 hooks (useActionState, useFormStatus) combined with Server Actions.
  • Streaming: Wrap slow data-fetching components in <Suspense> to stream HTML to the client progressively.
  • Assets: Utilize <Image>, <Link>, and next/font for automatic asset optimization.

4. OPTIMIZE (Performance & Review)

  • Caching: Verify Data Cache, Full Route Cache, and Router Cache behaviors. Configure revalidate tags correctly.
  • SEO & Metadata: Implement dynamic generateMetadata for accurate Open Graph and SEO tags.
  • Web Vitals: Check LCP (Largest Contentful Paint) and CLS (Cumulative Layout Shift) metrics.
  • Edge Compatibility: Ensure middleware and essential handlers are Edge-runtime compatible if deploying to Vercel/similar.

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.