Next.js Layouts and Pages
Installation
SKILL.md
Next.js Layouts and Pages
Expert guidance for creating pages, layouts, nested routes, dynamic segments, and navigation with the Next.js App Router file-system based routing.
@doc-version: 16.2.6
Core Concepts
Next.js ใช้ระบบ File-system based routing — โครงสร้างโฟลเดอร์และไฟล์กำหนดเส้นทาง (Route) ของเว็บไซต์โดยตรง
Guidelines
1. Pages (page.tsx)
ไฟล์ page.tsx คือ UI หลักที่แสดงผลเมื่อเข้าถึง URL นั้นๆ ต้อง export default component ออกมา