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-route-design명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.
로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.
SKILL.md 표시 중
SOC 직업 분류 기준
| name | nextjs-route-design |
| description | null |
Category: nextjs · Status: 🟢 Active
Khi thiết kế cấu trúc route/folder cho feature, gồm dynamic và advanced routing.
app/users/[id]/page.tsx cho dynamic segment.[...slug] catch-all, [[...slug]] optional khi cần.(marketing) để gom theo mục đích, không đổi URL.@slot cho nhiều vùng song song; intercepting (.) cho modal._components, _lib để tránh thành route.app/
(shop)/
products/
[id]/page.tsx // /products/123
page.tsx // /products
@modal/
(.)products/[id]/page.tsx // intercept modal
_components/ // không phải route
Good: Dynamic [id], route group gom layout, private folder cho helper. Avoid: Lồng folder vô nghĩa, dùng query param thay cho dynamic segment hợp lý.
[param]_x cho non-route