nextjs

Next.js 16 App Router performance, caching, server components, server actions, routing, and codebase-hygiene best practices — plus a category-major review/refactor algorithm with codebase-level (remove/dedup/reuse) findings. This skill should be used when writing Next.js 16 App Router code, configuring caching with 'use cache', building Server Components, setting up parallel/intercepting routes, configuring next.config.js OR proxy.ts, OR auditing/refactoring a Next.js codebase (single file or whole repo). This skill does NOT cover generic React 19 patterns (use react skill) or non-Next.js server rendering.

インストールへ移動

リポジトリ: pproenca/dot-skills
ソースの最終更新活動: 2026年5月14日 18:16
検出された SKILL.md の言語: 英語
スター: 194
フォーク: 17

インストール方法

デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。

npx skills add https://github.com/pproenca/dot-skills --skill nextjs

コマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。

ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。

ソースファイルを確認

インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。

ファイルエクスプローラー

52 ファイル

SKILL.md

ソースの指示 · 読み取り専用プレビュー

検索に戻るインストールに戻る

drizzle-nextjs-postgres

Drizzle ORM against PostgreSQL inside a Next.js App Router app. Covers client construction (globalThis singleton across HMR, serverless pool sizing, `prepare:false` behind PgBouncer/Supavisor, driver choice when you need interactive transactions, `server-only`), reads in Server Components under Next.js 16 Cache Components (`use cache` superseding `unstable_cache` and the `revalidate`/`dynamic` segment configs, Suspense boundaries, React `cache()` dedupe), Server Actions (authorization inside the action, `updateTag` vs `revalidateTag`, `after()`), Postgres schema types (timestamptz, identity vs serial, jsonb, numeric-as-string, bigint modes), drizzle-kit migrations (generate vs push, CONCURRENTLY outside the migrator, NOT VALID constraints, rename prompts), transactions and pooled connections, and Postgres query traps (keyset pagination, count cost, driver-dependent `db.execute()` shape, NOT IN nulls, prepared statements). Use when writing or reviewing Drizzle + Postgres code in Next.js.

2026-07-24

relational-data-modeling

Corrects the wrong defaults a model has when designing a relational schema — the DDL decisions an experienced engineer makes differently. Use when creating or reviewing tables, migrations, ER models, or ORM schema definitions. Covers identity and keys (surrogate vs natural, identity vs serial, uuidv7, composite keys that make cross-tenant references impossible), relationships (polymorphic foreign keys the database cannot enforce, referential actions, unindexed FK columns, disjoint subtypes), invariants the engine can prove instead of application code (EXCLUDE, partial unique indexes, CHECK limits, deferrable cycles, NOT VALID), types (timestamptz, exact money, range types, enum vs lookup table), derived and encoded data (generated columns, JSONB as an escape hatch), and time (events vs in-place updates, soft-delete flags that silently disable constraints, temporal keys). NOT for query tuning, index selection for read paths, or connection pooling.

2026-07-23

relational-database-design

Distills a logical relational-database design methodology into rules an agent applies while designing or reviewing a schema. Covers the design sequence (mission → tables → fields → keys → relationships → business rules → views → integrity review), one-subject-per-table decomposition, atomic single-valued fields, candidate/primary/foreign keys, relationship types with deletion rules and participation, the four levels of data integrity, database-vs-application business rules, validation tables, views for derived data, and the flat-file / spreadsheet / RDBMS-driven antipatterns to avoid. The structure is logical and RDBMS-agnostic, and normalized by construction. Use when designing a new relational schema, reviewing or refactoring an existing one, resolving redundant or repeating data, choosing keys, modeling relationships, or deciding where a constraint belongs.

2026-07-23

このリポジトリのすべてを見る

Next.js 16 App Router Best Practices

Comprehensive Next.js 16 App Router guide for AI agents. Contains 45 rules across 9 categories, prioritized by impact from critical (build optimization, caching strategy) through to cross-cutting codebase hygiene (dedup, dead routes, boundary coherence). Reflects Next.js 16 changes: 'use cache' directive replacing implicit caching, revalidateTag(tag, cacheLife) requirement, proxy.ts replacing middleware.ts, Turbopack persistent caching, App Router conventions.

Rule files describe pattern shapes (not API names) and open with a "Shapes to recognize" section listing 2–4 syntactic disguises the same break can wear. Selected high-value rules (those whose disguises are most common in practice — 'use cache', parallel-fetching, dynamic-imports, server-action-forms, client-boundary, server-vs-client-fetching) include an extra concrete "In disguise" incorrect/correct example pair to teach pattern detection beyond the grep-friendly cases.

When to Apply

Writing new Next.js 16 App Router code

Auditing or modernizing a Next.js codebase — single file, PR, or whole repo (see references/_review-algorithm.md)

name

nextjs

description

Next.js 16 App Router Best Practices

When to Apply

Writing new Next.js 16 App Router code
Auditing or modernizing a Next.js codebase — single file, PR, or whole repo (see references/_review-algorithm.md)

#	Category	Impact	Rules	Key Topics
1	Build & Bundle Optimization	CRITICAL	5	Turbopack, optimizePackageImports, dynamic imports, barrel files, serverExternalPackages
2	Caching Strategy	CRITICAL	6	`'use cache'`, `revalidateTag`+cacheLife, fetch options, segment config
3	Server Components & Data Fetching	HIGH	6	Parallel fetching, streaming, colocation, preload, no-client-fetch, error handling
4	Routing & Navigation	HIGH	5	Parallel routes, intercepting routes, prefetching, `proxy.ts`, `notFound()`
5	Server Actions & Mutations	MEDIUM-HIGH	5	Server actions, useFormStatus, action-result errors, useOptimistic, revalidation
6	Streaming & Loading States	MEDIUM	5	Suspense placement, loading.tsx, error.tsx, skeleton matching, nested Suspense
7	Metadata & SEO	MEDIUM	4	generateMetadata, sitemap.ts, robots.ts, opengraph-image.tsx
8	Client Components	LOW-MEDIUM	4	`'use client'` boundary, children pattern, hydration mismatch, next/script
9	Codebase Hygiene	LOW-MEDIUM	5	Dedup server fetchers, route consolidation, dead routes/actions, `'use client'` propagation, prop drift

nextjs

インストール方法

ソースファイルを確認

Next.js 16 App Router Best Practices

When to Apply

Next.js 16 App Router Best Practices

When to Apply

How to Review or Refactor a Codebase

Rule Categories

Quick Reference

Table of Contents

References

Related Skills

Full Compiled Document

nextjs

ソース情報

インストール方法

ソースファイルを確認

このリポジトリの他の Skills

このリポジトリの他の Skills

Next.js 16 App Router Best Practices

When to Apply

Next.js 16 App Router Best Practices

When to Apply

How to Review or Refactor a Codebase

Rule Categories

Quick Reference

Table of Contents

References

Related Skills

Full Compiled Document