dipro-vn
dipro-vn/dipro-ai-boost
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/dipro-vn/dipro-ai-boost --skill nextjs-app-routerコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SOC 職業分類に基づく
SKILL.md を表示中
| name | nextjs-app-router |
| description | null |
Category: nextjs · Status: 🟢 Active
Khi tổ chức route trong thư mục app/ với layout, page, loading, error.
page.tsx render UI, layout.tsx bọc layout dùng chung.loading.tsx cho Suspense fallback, error.tsx ('use client') cho error boundary.(group) để gom route mà không ảnh hưởng URL.not-found.tsx cho 404; template.tsx khi cần remount mỗi navigation.// app/(dashboard)/users/layout.tsx
export default function Layout({ children }: { children: React.ReactNode }) {
return <section className="users">{children}</section>;
}
// app/(dashboard)/users/page.tsx
export default async function Page() {
const users = await getUsers();
return <UserList users={users} />;
}
Good: Tách loading/error riêng từng segment, route group gom layout.
Avoid: Nhồi mọi UI vào 1 page, bỏ error boundary, dùng pages/ lẫn app/.