汎用ソフトウェア開発⭐ リポ 0品質スコア 55/100

nextjs-app-router

Next.js 15のApp Routerにおけるサーバー/クライアントコンポーネント、非同期パラメータ、レイアウト、ルートハンドラー、サーバーアクション、データ取得のパターンです。ルートやページ、レイアウト、APIエンドポイントの作成、またはリバリデーション機能を伴うフォーム送信の実装時に活用できます。

description の原文を見る

Next.js 15 App Router patterns for Server/Client Components, async params, layouts, route handlers, Server Actions, and data fetching. Use when creating routes, pages, layouts, API endpoints, or implementing form submissions with revalidation.

SKILL.md 本文

注意: このスキルのライセンスは ライセンス未確認 です。本サイトでは本文プレビューのみを表示しています。利用前に GitHub の原本でライセンス条件をご確認ください。

Next.js App Router

サーバーコンポーネント vs クライアントコンポーネント

デフォルトではサーバーコンポーネントを使用してください。 以下の場合のみ 'use client' を追加します:

イベントハンドラー (onClick、onChange、onSubmit)
ブラウザAPI (localStorage、window、navigator)
Reactフック (useState、useEffect、useRef)
サードパーティのクライアントライブラリ

// サーバーコンポーネント (デフォルト) - ディレクティブは不要
export default async function Page() {
  const data = await fetchData(); // Direct async/await
  return <div>{data.title}</div>;
}

// クライアントコンポーネント - 明示的なディレクティブ
'use client';
import { useState } from 'react';
export default function Counter() {
  const [count, setCount] = useState(0);
  retu

...

全文を GitHub の原本で見る →リポジトリ

詳細情報

作者: Shree0310
リポジトリ: Shree0310/Achievr
ライセンス: 不明
最終更新: 2026/4/17

GitHubで原本を見る →フィードバックを送る

Source: https://github.com/Shree0310/Achievr / ライセンス: 未指定