LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.

Skills tagged: nextjs

Browse skills that share this tag.

  • auth - Authentication Integration Guidance for Next.js
    authenticationauthnextjsclerk

    ★ 0 · Updated 2026-09-24

    Provides authentication integration guidance for Next.js applications using Clerk, Descope, and Auth0.

    ⚙ Configure middleware authentication patterns⚙ Integrate Clerk SDK⚙ Integrate Descope SDK
  • web-seo-aeo-geo-google-naver - Next.js SEO, AEO, and GEO for Google and Naver
    seoaeogeonextjs

    ★ 41 · Updated 2026-09-24

    Implements SEO, AEO, and GEO for Next.js App Router applications, including Google Search Console, Naver Search Advisor, JSON-LD, and OG images.

    ⚙ Configure sitemap and robots routes⚙ Set up site verification tokens⚙ Generate per-page metadata and OG
  • zustand - Zustand state management for React SPA Vite and Next.js.
    reactzustandstate-managementvite

    ★ 0 · Updated 2026-09-24

    Adds, configures, bootstraps, or refactors Zustand stores, typed selectors, vanilla store factories, and client providers for React SPA Vite and Next.js.

    ⚙ Detect React project target framework⚙ Install zustand dependency package⚙ Create typed Zustand store modules
  • gpt-home-seo - SEO optimization guide and implementation for GPT Home
    seonextjsjson-ldsitemap

    ★ 0 · Updated 2026-09-23

    Provides SEO optimization, schema markup, robots.txt, sitemap, and content strategies for the GPT Home autonomous AI homepage project.

    ⚙ Provide schema markup code⚙ Generate robots.txt configuration⚙ Implement Next.js sitemap
  • motion-dev-animations - Motion.dev GPU animation generator for web frameworks
    motionframer-motionanimationreact

    ★ 102 · Updated 2026-09-23

    Generates GPU-accelerated animations using Motion.dev for React, Next.js, Svelte, and Astro with accessibility and performance validation.

    ⚙ Generate entrance animations⚙ Implement gesture interaction handlers⚙ Create scroll-based animations
  • frontend-design-ultimate - Create production-grade static sites from text requirements.
    frontendreacttailwind-cssshadcn-ui

    ★ 0 · Updated 2026-09-23

    Builds static websites and UIs using React, Tailwind CSS, and shadcn/ui from text requirements, supporting Vite and Next.js workflows.

    ⚙ Generate static web UI⚙ Initialize Vite projects⚙ Initialize Next.js projects
  • mapbox-web-integration-patterns - Mapbox GL JS integration patterns for web frameworks
    mapboxmapbox-gl-jsreactvue

    ★ 0 · Updated 2026-09-23

    Provides integration patterns for Mapbox GL JS across React, Vue, Svelte, Angular, and Next.js, covering lifecycle, tokens, search, and pitfalls.

    ⚙ Integrate Mapbox GL JS into frameworks⚙ Manage map lifecycle and cleanup⚙ Configure Mapbox access tokens securely
  • drizzle-orm-expert - Type-safe database design and queries with Drizzle ORM
    drizzle-ormtypescriptdatabaseorm

    ★ 1 · Updated 2026-09-23

    Provides schema design, relational query building, Drizzle Kit migrations, and serverless database integration for TypeScript applications.

    ⚙ Design type-safe database schemas⚙ Build SQL-like and relational queries⚙ Configure Drizzle Kit database migrations
  • frontend-design-zh - Build static websites from text using React and Tailwind CSS
    frontendreacttailwindcssshadcn-ui

    ★ 55 · Updated 2026-09-23

    Creates production-ready static websites using React, Tailwind CSS, and shadcn/ui from text prompts, supporting Vite and Next.js workflows.

    ⚙ Generate static website code⚙ Implement mobile-first responsive layouts⚙ Configure Vite and Next.js workflows
  • next-v16 - Next.js 16 App Router Best Practices and Codebase Review
    nextjsapp-routerreact-19typescript

    ★ 89 · Updated 2026-09-22

    Provides best practices for Next.js 16 App Router caching, server components, routing, proxy.ts, and category-major codebase audits or refactoring.

    ⚙ Configure Next.js 16 caching models⚙ Build Server Components and Actions⚙ Set up proxy.ts network boundary
  • react-best-practices - Next.js & React Performance Expert
    reactnextjsperformanceoptimization

    ★ 0 · Updated 2026-09-22

    Provides Next.js and React performance optimization guidelines from Vercel Engineering.

    ⚙ Eliminate data fetching waterfalls⚙ Optimize bundle size⚙ Optimize server side performance
  • project-guidelines-example - Project Guidelines and Architecture Template Example
    project-guidelinesarchitecturefastapinextjs

    ★ 1 · Updated 2026-09-22

    Provides architecture overview, code patterns, testing workflows, deployment procedures, and rules for a project.

    ⚙ Provide project architecture and structure⚙ Define API and frontend patterns⚙ Specify testing and deployment workflows
  • clerk-reference-architecture - Clerk Authentication Reference Architecture Patterns
    clerkauthenticationarchitecturenextjs

    ★ 0 · Updated 2026-09-21

    Provides reference architecture patterns and code for Clerk authentication in Next.js, microservices, multi-tenant SaaS, and mobile platforms.

    ⚙ Design Next.js full-stack auth architecture⚙ Implement microservices shared auth pattern⚙ Configure multi-tenant SaaS authentication
  • next-cache-components - Configure Next.js 16 Cache Components and PPR
    nextjscachingpprreact

    ★ 0 · Updated 2026-09-21

    Configure Partial Prerendering and caching directives including use cache, cacheLife, cacheTag, and updateTag in Next.js 16+.

    ⚙ Enable Cache Components in config⚙ Configure cache life with cacheLife⚙ Tag cache entries using cacheTag
  • zod-validation-expert - Zod TypeScript schema validation and type inference.
    zodtypescriptschema-validationtype-inference

    ★ 2 · Updated 2026-09-21

    Provides Zod schema parsing, custom error messages, refinements, type inference, and integrations with React Hook Form, Next.js, and tRPC.

    ⚙ Define TypeScript validation schemas⚙ Infer TypeScript types from schemas⚙ Parse and validate input data
  • jikime-framework-nextjs@15 - Next.js 15 Upgrade Guide and Migration Rules
    frameworknextjsversionasync-params

    ★ 5 · Updated 2026-09-21

    Next.js 15 upgrade guide covering breaking changes from version 14 including async params, fetch caching changes, and Turbopack.

    ⚙ Migrate projects from Next.js 14⚙ Convert route params to async promises⚙ Configure explicit fetch caching strategies
  • web-frameworks - Build Web Applications with Next.js and Turborepo
    nextjsturboreporemixiconmonorepo

    ★ 602 · Updated 2026-09-21

    Provides guides and patterns for building web applications using Next.js, Turborepo monorepos, and RemixIcon.

    ⚙ Build full-stack web applications⚙ Set up Turborepo monorepos⚙ Implement server-side rendering
  • tanstack-query-expert - TanStack Query expert for React and Next.js state management
    tanstack-queryreact-queryreactnextjs

    ★ 0 · Updated 2026-09-20

    Provides asynchronous state management, declarative data fetching, cache invalidation, optimistic UI updates, and Next.js App Router integration patterns.

    ⚙ Fetch asynchronous data declaratively⚙ Design array-based query key factories⚙ Configure stale time and retry rules
  • vitest-dev - Vitest QA and test engineering for TypeScript and Next.js
    vitesttestingtypescriptnextjs

    ★ 1 · Updated 2026-09-20

    Produces fast Vitest test suites and optimizes configurations for local DX and CI performance in TypeScript and Next.js projects.

    ⚙ Create Vitest configuration files⚙ Write unit and component tests⚙ Optimize local and CI performance
  • javascript-typescript-typescript-scaffold - Scaffold production-ready TypeScript projects.
    typescriptscaffoldingnextjsvite

    ★ 4 · Updated 2026-09-20

    Generates complete TypeScript project structures with pnpm, Vite, Next.js, type safety, testing setup, and configuration.

    ⚙ Analyze project type requirements⚙ Initialize project using pnpm⚙ Generate Next.js project structure

Scroll to load more