nextjs-core

Organize Next.js 15 apps with App Router and Server Components.

6|Updated Jan 29, 2026
One-click install
npx skills add https://github.com/JaivishChauhan/vibecoding-starter --skill nextjs-core
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs-core
Source: https://github.com/JaivishChauhan/vibecoding-starter/tree/main/.agent/skills/nextjs-core
Command: npx skills add https://github.com/JaivishChauhan/vibecoding-starter --skill nextjs-core

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a clear blueprint for building modern portfolio sites using Next.js 15 App Router with a Server Components-first approach, simplifying routing, layouts, and data patterns.

Core Features & Use Cases

  • App Router blueprint for scalable portfolio sites using layouts, templates, and dynamic routes.
  • Server Components-first data fetching and routing patterns to improve performance and SEO.
  • Use Case: Build a portfolio with marketing pages, projects, and blog sections with consistent metadata handling.

Quick Start

Create a new Next.js 15 project with TypeScript and set up the app/ router structure exactly as described, then run the development server.

Frequently Asked Questions about nextjs-core

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a Next.js 15 App Router portfolio with Server Components?

Structure a Next.js 15 App Router portfolio by using the app/ directory for layouts, templates, and dynamic routes. Adopt a Server Components-first approach for data fetching to improve performance and SEO across marketing pages, projects, and blog sections.

What's the best way to handle dynamic routes and data fetching in Next.js 15?

Handle dynamic routes and data fetching in Next.js 15 using Server Component data patterns. Implement generateStaticParams for dynamic route generation and generateMetadata for consistent SEO metadata handling across portfolio pages.

Can I use TypeScript with Next.js App Router for documentation dashboards?

Yes, you can use TypeScript with Next.js App Router for documentation dashboards. The blueprint requires a Next.js 15 project with TypeScript support, applying app/ directory conventions to organize layouts and dynamic routes effectively.

Does Next.js Server Components-first routing improve portfolio site SEO?

Yes, Server Components-first routing improves portfolio site SEO. By leveraging server-side data fetching and metadata patterns within the Next.js 15 App Router, you ensure consistent metadata handling and optimized performance for search engines.

When do I need generateStaticParams and generateMetadata in Next.js?

You need generateStaticParams and generateMetadata in Next.js when building dynamic routes for portfolio sites. These Server Component data patterns enable static route generation and consistent metadata handling for projects and blog sections.