Extract Next.js 15 patterns and best practices into machine-readable knowledge units.
npx skills add https://github.com/darantrute/_virgin-12112025 --skill nextjs-darantrute
Please help me install this Agent Skill. Skill: nextjs Source: https://github.com/darantrute/_virgin-12112025/tree/main/.claude/skills/nextjs Command: npx skills add https://github.com/darantrute/_virgin-12112025 --skill nextjs-darantrute
This skill provides Next.js-specific patterns for app routers, server components, data fetching strategies, and rendering techniques to build scalable apps.
Explore nextjs patterns and implement robust app structure with recommended patterns.
High-intent search queries and answers about installing and using this skill.
App Router is Next.js 15's recommended architecture, offering server components, advanced data fetching, and layout nesting by default. Pages Router remains supported for legacy projects but lacks server component integration and modern rendering strategies.
SSR renders pages on each request, SSG pre-renders at build time for static content, and ISR combines both by revalidating cached pages at intervals. Choose based on content update frequency and performance requirements.
Server components fetch data directly in component code without API routes. Use async functions, pass fetched data as props to client components, and leverage Next.js caching strategies for optimal performance.
Use server components for direct database access and internal data logic. Use API routes when you need a public endpoint, cross-origin requests, or to expose functionality to external clients or frontend frameworks.
Organize routes with App Router, separate server and client concerns, implement proper data fetching strategies (SSR/ISR/SSG), use middleware for cross-cutting logic, and structure API routes for maintainability.
GDSDNValidate database environment variables, SSL mode, pooler config, and PostgreSQL connectivity.
spqwAutomates deployment of Observable Framework projects to GitHub Pages via GitHub Actions.
bradtaylorsfImplement centralized error handling middleware for Express.js applications.
ChristineThamDeploy Astro, Next.js, Nuxt, SvelteKit, and other frameworks to Netlify via adapters.
