Communitygithub.com

BIGboss248/nextjs-wordpress

Configura endpoints de monitoreo de salud de producción (/api/health), sondas de Docker Compose y métricas de tiempo de ejecución en aplicaciones Next.js App Router. Úsalo cuando te pidan 'configurar health check', 'agregar endpoint de salud', 'docker compose healthcheck nextjs', 'configurar monitor de salud' o '/nextjs-healthcheck'.

¿Qué es nextjs-wordpress?

Esta habilidad te permite implementar un flujo de trabajo completo y listo para producción para monitorear la salud de aplicaciones Next.js App Router. Crea y mantiene un endpoint `/api/health` con métricas de Node.js (saturación del heap V8, retardo del bucle de eventos p99, tiempo de actividad), configura sondas de salud en Docker Compose sin dependencias externas, y maneja la detección de bases de datos como Prisma, Drizzle o Supabase. Es útil para desarrolladores que despliegan aplicaciones Next.js y necesitan un monitoreo robusto y estandarizado, compatible con cualquier plataforma de orquestación de contenedores. El flujo incluye cuatro pasos: descubrimiento del proyecto, generación del endpoint, inyección de sondas Docker y verificación con curl o `docker compose ps`. Además, advierte sobre errores comunes como omitir `force-dynamic`, el tiempo de espera en conexiones a bases de datos y la dependencia de herramientas como `curl` en imágenes mínimas.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/BIGboss248/nextjs-wordpress/tree/HEAD/.agents/skills/nextjs-healthcheck

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Habilidad de Health Check y Observabilidad para Next.js (nextjs-healthcheck)

Un flujo de trabajo modular y listo para producción para crear y mantener endpoints de health check (/api/health), sondas de salud de Docker Compose sin dependencias y métricas de tiempo de ejecución de Node.js en aplicaciones Next.js App Router.


Resumen del Flujo de Trabajo

flowchart TD
    A["1. Escanear Proyecto<br/>(Base de Datos y Docker Compose)"] --> B["2. Generar /api/health<br/>(Plantillas con Métricas)"]
    B --> C["3. Inyectar Sondas Docker<br/>(docker-compose.yml)"]
    C --> D["4. Verificar y Validar<br/>(curl & docker compose ps)"]

Manual de Ejecución Paso a Paso

Sigue esta lista de verificación secuencialmente para implementar y verificar el monitoreo de salud de la aplicación:

1. Descubrimiento del Proyecto e Inspección de Dependencias

  • Ubicar la Ruta del Manejador de Rutas: Determina si el proyecto usa app/ o src/app/ (objetivo: app/api/health/route.ts o src/app/api/health/route.ts).
  • Detectar Base de Datos / Almacenes Externos: Escanea package.json en busca de ORMs y clientes (Prisma, Drizzle, Supabase, Mongoose, PostgreSQL, Redis). Consulta database-probes.md.
  • Ubicar Archivos Docker Compose: Descubre docker-compose.yml, docker-compose.prod.yml u otras pilas de compose. Consulta docker-compose-probes.md.

2. Implementar el Manejador de Ruta de Health Check

  • Seleccionar Plantilla de Ruta:
  • Forzar Ejecución Dinámica: Asegúrate de que export const dynamic = "force-dynamic"; y los encabezados Cache-Control: no-store, no-cache, must-revalidate estén presentes.
  • Configurar Métricas No Bloqueantes: Recopila la saturación del heap V8, el retardo del bucle de eventos ($p99$ lag via perf_hooks) y el tiempo de actividad del proceso. Consulta status-and-metrics.md.
  • Aplicar Disciplina de Códigos de Estado HTTP: Devuelve 200 OK para healthy/degraded y 503 Service Unavailable para unhealthy.

3. Configurar Sondas de Salud de Docker Compose

  • Identificar Servicios Next.js: Inspecciona los archivos de compose detectados en busca de bloques de servicio Next.js (nextjs-app, web, app).
  • Inyectar Bloque de Healthcheck: Agrega la sonda de salud de Node.js sin dependencias desde docker-compose.healthcheck.template.yml.

4. Verificación y Pruebas

  • Prueba de API Local:
    curl -i http://localhost:3000/api/health
    
    Verifica la respuesta HTTP 200 con un payload JSON válido (status, timestamp, uptimeSeconds, checks).
  • Verificación del Estado de Salud de Compose:
    docker compose ps
    
    Verifica que las transiciones de estado del servicio a (healthy) después del período de inicio inicial.

Casos Extremos y Errores Conocidos de IA

[!WARNING]

  • Falta de force-dynamic: Next.js App Router puede evaluar o almacenar en caché las respuestas de ruta estáticamente si se omite export const dynamic = "force-dynamic", causando marcas de tiempo obsoletas y métricas de tiempo de actividad congeladas.
  • Conexiones de Base de Datos Colgadas: Nunca consultes bases de datos externas sin un tiempo de espera máximo (2000ms). La latencia de red no manejada puede provocar el agotamiento del grupo de solicitudes.
  • Dependencias de Herramientas Externas en Contenedores: No confíes en curl o wget en los health checks de Docker; las imágenes mínimas de producción (p. ej., node:alpine o distroless) a menudo carecen de ellos. Usa fetch nativo de Node.js a través de node -e.
  • Fugas de Secretos: Nunca imprimas URLs de conexión a la base de datos, contraseñas ni trazas de error internas sin procesar en el payload de respuesta pública de /api/health.

Esquema del Resumen de Salida

Al completar la configuración del health check, proporciona un informe resumido conciso:

### Configuración de Monitoreo de Salud Completa

- **Manejador de Ruta**: `[app/api/health/route.ts](file:///...)`
- **Sondas de Base de Datos**: [Configurado: Prisma / Drizzle / Ninguna] (Tiempo de espera: 2000ms)
- **Métricas de Tiempo de Ejecución**: Saturación del Heap V8 y Retardo del Bucle de Eventos (p99)
- **Pilas de Docker Compose Actualizadas**: `docker-compose.yml`, `docker-compose.prod.yml`
- **Estado de Verificación**: PASADO (HTTP 200 / Contenedor Saludable)

Guías de Referencia y Plantillas

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

BIGboss248/nextjs-wordpress

Create, configure, manage, and validate Google Antigravity customizations including skills, rules, MCP servers, lifecycle hooks, plugins, and custom JSON configs. Use when adding new capabilities to Antigravity, configuring MCP servers, writing rules, creating skills, setting up hooks, or modernizing legacy workflows.

BIGboss248/nextjs-wordpress

Spawn multiple agents into a shared conversation where they debate, disagree, and converge on a solution via a shared chat.json file. Use for architecture decisions, code review debates, design trade-offs, or any problem that benefits from adversarial reasoning. Triggers on "chatroom", "agent debate", "have agents discuss", "agent chatroom", "debate this", or /agent-chatrooms. Also triggers on phrases like "have 3 agents argue about", "multi-agent discussion", or "let them debate".

BIGboss248/nextjs-wordpress

Always-active code intelligence, search, and navigation skill utilizing the codebase-memory MCP server. Enforces an index-first protocol (verifying and refreshing the knowledge graph via index_repository or index_status before searching, required because background auto_watch is disabled to eliminate editor stutter and system lag), followed by graph-first exploration (search_graph, trace_path, get_code_snippet, query_graph, get_architecture, detect_changes) instead of naive text grep or full-file reads. Always activate before searching the codebase, inspecting unknown architecture, finding symbols, or tracing callers/callees.

BIGboss248/nextjs-wordpress

>- Discover, interview, and craft comprehensive UX/UI design specifications (design-spec.md) and design tokens for web components. Triggers on "/component-design", "design component", "design section", "design UI", "wireframe component", or "create design spec".

BIGboss248/nextjs-wordpress

>- Configure and query WooCommerce APIs including WPGraphQL, WooGraphQL, and JWT auth for headless frontends. Use when connecting Next.js to WooCommerce or fetching store catalog data.

BIGboss248/nextjs-wordpress

Orchestrate parallel browser automation using multiple Chrome DevTools MCP instances. Use when a task requires doing the same browser action across many targets simultaneously (e.g., submitting contact forms, filling applications, scraping pages that need JS rendering). Spin up 1-5 parallel Chrome agents.

BIGboss248/nextjs-wordpress

Workflow for spawning an independent subagent to conduct unbiased code reviews and inject adversarial edge-case tests ([ComponentName].edge.test.tsx).

BIGboss248/nextjs-wordpress

>- Build Next.js App Router React components with Suspense skeletons, semantic OKLCH tokens, Jest + RTL unit tests, Playwright visual/hydration checks, and Tailwind logical styling. Triggers on "/nextjs-component-dev", "create component", "new component", "build component", or "develop component".

BIGboss248/nextjs-wordpress

>- Bootstrap, configure, and verify the complete Next.js App Router development environment, developer tooling, testing suites, MCP servers, Docker containerization, and CI/CD. Triggers on "/nextjs-dev-setup", "setup nextjs dev environment", "start a nextjs project", or "containerize nextjs app".

BIGboss248/nextjs-wordpress

Bootstrap, configure, and verify next-intl App Router internationalization (proxy.ts/middleware.ts, next/root-params, [locale] layout, routing). Triggers on "/nextjs-i18n-setup", "setup i18n", "install next-intl", "configure next-intl", "add internationalization", "setup locale routing", "migrate to [locale]".

BIGboss248/nextjs-wordpress

Read/write translation dictionaries (messages/[locale].json), next-intl hooks (getTranslations/useTranslations), providers (Storybook/tests/subtrees), and BiDi styling. Triggers on "/nextjs-i18n-usage", "i18n dictionary", "use translations", "read dictionary", "i18n provider", "next-intl hooks", "storybook i18n", "test i18n", "add translation keys", "localize component", "create a component", "update a component".

BIGboss248/nextjs-wordpress

>- Configure, test, and verify OpenTelemetry (OTel) observability in Next.js App Router applications. Triggers on "/nextjs-otel", "setup otel", "configure opentelemetry", "test otel", or "verify opentelemetry".

BIGboss248/nextjs-wordpress

Step-by-step workflow for designing and building Next.js App Router pages (RSC page.tsx, loading skeleton, metadata, JSON-LD schema, and dynamic static params). Triggers on "/nextjs-page-dev", "create page", "new page", "develop page", "build route", or "implement page".

BIGboss248/nextjs-wordpress

>- Orchestrate end-to-end planning for Next.js App Router projects, generating canonical specifications, design systems, and a 7-phase modular implementation roadmap in docs/plan/. Triggers on "/nextjs-plan", "plan a nextjs project", "plan nextjs app", "create nextjs project plan", "outline nextjs architecture", or "generate plan".

BIGboss248/nextjs-wordpress

Workflow and engineering standards for crafting co-located Storybook CSF3 stories ([ComponentName].stories.tsx) with interactive controls, action spies, and 4 canonical theme variants.

BIGboss248/nextjs-wordpress

>- Build Next.js e-commerce frontends backed by WooCommerce APIs, handling ISR catalogs, cart sessions, and JWT authentication. Use when building or querying Next.js stores with WooCommerce.

BIGboss248/nextjs-wordpress

Self-correcting rules engine and feedback loop that learns from user corrections, mistakes, and project-specific constraints by maintaining a persistent autofix ruleset. Scans learned rules before starting any task, resolves conflicts, and automatically appends new rules upon corrections. Triggers on user corrections ("no, do it this way", "never do X", "always use Y"), /learn, "self repair", "add rule", "update rules", or when diagnosing assumptions and bugs. CRITICAL ALWAYS-ACTIVE LIFECYCLE SKILL. Must always be kept in context, loaded at session start, and consulted before starting ANY task to read and apply active constraints from autofix.json. MUST ALWAYS be triggered immediately whenever the user provides ANY correction, preference, criticism, rejection of an approach, or adjustment ("no", "don't do X", "use Y", "remember", "prefer"), or when any mistake/bug is identified. Automatically and immediately formulates and appends the new imperative rule to the project's autofix.json ruleset file.

BIGboss248/nextjs-wordpress

Setup, automate, and execute SEO audits, CI/CD pre-push/pre-deploy checks, and ranking optimizations using the seo CLI and MCP server.

BIGboss248/nextjs-wordpress

End-to-end repository onboarding and development environment setup skill. Scans repository structure, configures project metadata (docs/project.json), sets up the codebase-memory-mcp code intelligence knowledge graph server (in workspace mcp.json and globally for AGY only), configures git hooks with Husky and Commitlint, establishes multi-stage production Docker containerization, and automates credit-optimized Release Please CI/CD with multi-arch (AMD64 & ARM64) GHCR package deployment. Triggers on "/setup-repository", "setup repository", "setup repo", "initialize repository", "new repo setup", or when preparing any repository for development and AI agent workflows.

BIGboss248/nextjs-wordpress

AI screen scaffolding, layout generation, and variant exploration workflow powered by Google Stitch (StitchMCP). Consumes a component design specification (docs/design/components/[page name]/[component name]/design-spec.md), verifies and reuses the central Stitch project in docs/project.json (or creates/persists one if absent), seeds the project's design system into Stitch, synthesizes layout prompts to generate a screen and create one variant of the given design spec file, downloads and saves Stitch JPG screenshots and HTML code files directly into docs/design/components/[page name]/[component name]/stitch/ using binary-safe PowerShell Invoke-WebRequest, outputs image prompts to the user if visual assets are needed (without calling generate_image to conserve tokens), updates design-spec.md with Stitch layout benchmarks, and audits asset download integrity with an independent subagent. Triggers on "/stitch-design", "generate stitch screen", "create stitch variant", "scaffold screen with stitch", or "stitch...

Skills relacionados