Next.js Fullstack Development

Quick Reference

• Next.js Convention: See nextjs-convention.md for FSD structure and package conventions
• UI/UX Design: See design-rules.md for design patterns and accessibility
• Playwright Testing: See playwright-test-guide.md for E2E tests
• Toss Principles: See toss-frontend.md for readability, predictability, cohesion

Core Conventions

Package Manager

Use pnpm instead of npm, bunx instead of npx.

File Naming

• All files: kebab-case (e.g., user-profile.tsx, auth-form.tsx)
• Components: PascalCase for component names, kebab-case for files
• Functions/Variables: camelCase