Consistent coding standards ensure maintainability, readability, and scalability of our design system.
app/ # Next.js App Router
├── (routes)/ # App routes
├── components/ # Shared components
│ ├── ui/ # Base UI components
│ └── [feature]/ # Feature-specific components
├── hooks/ # Custom React hooks
├── lib/ # Utility functions and libraries
├── styles/ # Global styles
└── types/ # TypeScript type definitionsbutton-group.tsx)ButtonGroup)useMediaQuery)formatDate)// button.tsx
export function Button({ children }) {
return <button>{children}</button>;
}// Button_Component.tsx
export default function button_component({ children }) {
return <button>{children}</button>;
}// .prettierrc
{
"semi": false,
"singleQuote": true,
"tabWidth": 2,
"trailingComma": "es5"
}
// .eslintrc
{
"extends": [
"next/core-web-vitals",
"prettier"
],
"rules": {
"react/no-unescaped-entities": "off"
}
}