logoNext.js Español
DocumentaciónBlogAprender
Introducción/Construyendo tu aplicación/Estilos

Estilos

Next.js soporta diferentes formas de aplicar estilos a tu aplicación, incluyendo:

  • CSS Global: Sencillo de usar y familiar para quienes tienen experiencia con CSS tradicional, pero puede generar archivos CSS más grandes y dificultades para gestionar estilos a medida que la aplicación crece.
  • Módulos CSS: Crea clases CSS con ámbito local para evitar conflictos de nombres y mejorar la mantenibilidad.
  • Tailwind CSS: Un framework CSS de utilidad primero que permite diseños personalizados rápidos mediante la composición de clases de utilidad.
  • Sass: Un preprocesador CSS popular que extiende CSS con características como variables, reglas anidadas y mixins.
  • CSS-in-JS: Incrusta CSS directamente en tus componentes JavaScript, permitiendo estilos dinámicos y con ámbito.

Aprende más sobre cada enfoque explorando su respectiva documentación:

Módulos CSS

Estiliza tu aplicación Next.js utilizando módulos CSS.

Tailwind CSS

Aplica estilos a tu aplicación Next.js usando Tailwind CSS.

CSS-en-JS

Uso de bibliotecas CSS-en-JS con Next.js

Sass

Aprende cómo usar Sass en tu aplicación Next.js.

Obtención de datos en el lado del cliente (Client-side Fetching)

Aprende sobre la obtención de datos en el lado del cliente y cómo usar SWR, una biblioteca de hooks de React para obtener datos que maneja caché, revalidación, seguimiento de foco, re-obtención en intervalos y más.

Módulos CSS

Estiliza tu aplicación Next.js utilizando módulos CSS.