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

Estilos

Next.js admite diferentes formas de aplicar estilos a su 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 utilidades 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.

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

Módulos CSS

Estiliza tu aplicación Next.js con Módulos CSS.

Tailwind CSS

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

CSS-in-JS

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

Sass

Estiliza tu aplicación Next.js utilizando Sass.

Caché

Una visión general de los mecanismos de caché en Next.js.

Módulos CSS

Estiliza tu aplicación Next.js con Módulos CSS.