Nextjs

Skill aldiipratama/dyy-plugin/skills/web-development/nextjs

Guides Next.js frontend development using App Router, React Server Components (RSC), and data fetching. Use when writing React/Next.js code.From its SKILL.md

Install

npx -y skills add aldiipratama/dyy-plugin --skill nextjs

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

0.8 KB, 168 tokens by cl100k_base, as published. Nobody here has run it

Next.js Frontend Development Skill

App Router Layout

Organize pages using route directories containing layout.tsx, page.tsx, and loading.tsx:

// app/dashboard/page.tsx
import { Suspense } from 'react';
import Loading from './loading';

export default async function DashboardPage() {
  return (
    <main>
      <h1>Dashboard</h1>
      <Suspense fallback={<Loading />}>
        {/* Async Server Component fetch */}
      </Suspense>
    </main>
  );
}

Server Components (RSC)

By default, components in app/ are Server Components. Add 'use client' only at the top of files that require browser APIs or hooks (e.g. useState, useEffect).

What ships with it: 1 file

938 B alongside SKILL.md

SKILL.id.md938 B