Next.js Styling

Expert guidance on styling Next.js applications with Tailwind CSS, CSS Modules, Global CSS, external stylesheets, and CSS ordering best practices.

@doc-version: 16.2.6

Core Concepts

Next.js รองรับหลายวิธีในการจัดการ CSS:

• Tailwind CSS — utility-first framework (แนะนำ)
• CSS Modules — scoped CSS ต่อ component
• Global CSS — styles ที่ใช้ทั้งแอป
• External Stylesheets — CSS จาก packages ภายนอก
• Sass — CSS preprocessor
• CSS-in-JS — styled-components, emotion, etc.

Guidelines

1. Tailwind CSS (แนะนำ)