webdev14 skillsadvanced

Next.js Pro Builder

Build high-performance Next.js apps with advanced routing, caching, and edge deployment.

#nextjs#performance#edge#caching#typescript
This pack contains 14 skills in raw Markdown format. Download as a ZIP to use offline, or view each skill individually. Works with ChatGPT, Claude, Gemini, and all major LLMs.
In this Pack
14 items
Productivityunknown

nextjs-app-router-patterns

Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.

View Skill →
Productivityunknown

react-patterns

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

View Skill →
Productivityunknown

nextjs-supabase-auth

Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.

View Skill →
Productivityunknown

clerk-auth

Expert patterns for Clerk auth implementation, middleware, organizations, webhooks, and user sync Use when: adding authentication, clerk auth, user authentication, sign in, sign up.

View Skill →
Productivityunknown

auth-implementation-patterns

Build secure, scalable authentication and authorization systems using industry-standard patterns and modern best practices.

View Skill →
Productivityunknown

native-data-fetching

Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (useLoaderData).

View Skill →
Productivitysafe

tanstack-query-expert

Expert in TanStack Query (React Query) — asynchronous state management. Covers data fetching, stale time configuration, mutations, optimistic updates, and Next.js App Router (SSR) integration.

View Skill →
Coding

Next.js Server Component Expert

High-power assistant specializing in optimizing hydration and rsc usage using industry-leading patterns.

View Skill →
Productivityunknown

DEV-056-edge-config-writer

Generated Generative skill for DevOps. Focuses on execution and intent intelligence.

View Skill →
Productivity

Latency-Critical Edge Caching

High-power architectural assistant specializing in optimizing CDN TTLs and stale-while-revalidate using modern infrastructure patterns.

View Skill →
Productivitysafe

vercel-deployment

Expert knowledge for deploying to Vercel with Next.js Use when: vercel, deploy, deployment, hosting, production.

View Skill →
Productivityunknown

web-performance-optimization

Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance

View Skill →
Productivityunknown

WEB-014-bundle-analyzer

Generated Conversational skill for Web Development. Focuses on execution and intent intelligence.

View Skill →
Productivityunknown

WEB-022-lazy-loading-optimizer

Generated Analytical skill for Web Development. Focuses on execution and intent intelligence.

View Skill →
Workflow Breakdown

app router

  1. 01nextjs-app-router-patterns
  2. 02nextjs-page-generator
  3. 03react-patterns

auth

  1. 01nextjs-supabase-auth
  2. 02clerk-auth
  3. 03auth-implementation-patterns

data fetching

  1. 01native-data-fetching
  2. 02tanstack-query-expert
  3. 03nextjs-hydration-optimizer

edge deployment

  1. 01edge-config-writer
  2. 02edge-caching-strategist
  3. 03vercel-deployment

performance

  1. 01web-performance-optimization
  2. 02bundle-analyzer
  3. 03lazy-loading-optimizer