logoNext.js Español
DocumentaciónBlogAprender
Introducción/Construyendo su 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 con Módulos CSS, estilos globales y hojas de estilo externas.

Tailwind CSS

Estiliza tu aplicación Next.js utilizando 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, estilos globales y hojas de estilo externas.