nextjs-development

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/aldiipratama-nextjs-development

About

Use cases: frontend, backend, data, writing

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.

Tools

No tools found

Secrets

None asked for

Install scripts

None found

What's inside

Skill name

nextjs-development

Description

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

License

MIT

Instructions

26 lines in SKILL.md · view on GitHub

# Next.js Frontend Development Skill

## App Router Layout
Organize pages using route directories containing `layout.tsx`, `page.tsx`, and `loading.tsx`:

```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`).

Signals

Stars

0

Forks

0

Open issues

0

Last commit (this folder)

Jul 16, 2026 (3 months ago)

From GitHub (fetched Oct 24, 2026).

Details

License

MIT

Repository

github.com/aldiipratama/dyy-plugin

First seen

Oct 24, 2026

Last checked

Oct 24, 2026

Source

GitHubgithub-graphql