next-js-patterns
Best practices and patterns for Next.js App Router, Server Actions, and Routing in this project.
DeepseekModel
Curated skill
Quality Excellent · 78
v1.0.0
Get
https://deepseekmodel.com/api/download.php?id=aiskillstore-marketplace-skills-abdulsamad94-next-js-patterns-skill-md&format=skill
Download .skill
Standard format with system_prompt and model_config, ready for any agent framework
The actual content of the system_prompt field in the .skill file.
name next-js-patterns description Best practices and patterns for Next.js App Router, Server Actions, and Routing in this project. Next.js Patterns App Router We use the Next.js 15 App Router located in app/ . Pages Location : app/[route]/page.tsx Component : Default export function. Client vs Server : Use "use client" directive at the top for components requiring state ( useState , useEffect ) or browser APIs. otherwise default to Server Components. Layouts Location : app/layout.tsx (Root), app/[route]/layout.tsx (Nested). Purpose : Wrappers for pages, holding navigation, fonts, and metadata. Navigation Use Link from next/link for internal navigation. Use useRouter from next/navigation for programmatic navigation (inside Client Components). import Link from "next/link" ; import { useRouter } from "next/navigation" ; // Link < Link href = "/dashboard" > Dashboard </ Link > // Router const router = useRouter (); router. push ( '/login' ); Data Fetching Server Components : Fetch directly using await fetch() or DB calls. Client Components : Use useEffect or SWR/TanStack Query (if added later). Currently using standard fetch in useEffect . Font Optimization We use next/font/google (e.g., Poppins) in app/layout.tsx . Variable fonts are passed to body className. Metadata Define export const metadata: Metadata = { ... } in page.tsx or layout.tsx for SEO.
Keywords that activate this skill. Click one to copy it.
This skill does not provide trigger words.
The downloaded .skill package contains the following fields.
| Field | Description |
|---|---|
| format | Format tag (skill/v1) |
| skill_id | Unique skill ID |
| name | Skill name |
| version | Version |
| description | Description |
| category | Categories (array) |
| trigger_words | Trigger words |
| tags | Tags |
| source | Source |
| source_url | Source URL (this page) |
| exported_at | Exported at (set per download) |
| system_prompt | System prompt body |
| model_config | Model config: provider / model / temperature / max_tokens / top_p |
| examples | Examples |
| install_guide | Import guide for Coze / Dify / Claude / custom frameworks |
The same skill can be exported in different platform formats.
