logoNext.js Español
DocumentaciónBlogAprender
Introducción/Construyendo su 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 utilizando módulos CSS.

Tailwind CSS

Estiliza tu aplicación Next.js usando Tailwind CSS.

CSS-en-JS

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

Sass

Aprende a usar Sass en tu aplicación Next.js.

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

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

Módulos CSS

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