//
Busca en todas las páginas de la documentación
11 pages in this section.
Instala Lucide React, importa iconos individuales por nombre y personalízalos con props o clases de Tailwind. Cada ícono es un módulo separado, así que tu bundle solo incluye los iconos que realmente usas.
Instala React Icons para acceder a miles de ícones de familias de ícones populares a través de un único paquete. Cada familia de ícones utiliza un prefijo de dos letras y su propia ruta de importación
Utiliza el componente next/image para optimizar imágenes automáticamente con carga diferida, dimensionamiento responsivo y formatos modernos (WebP/AVIF). Configura patrones remotos para fuentes de imágenes externas.
Utiliza la API de Unsplash para buscar y mostrar fotos de alta calidad y libres de derechos en tu aplicación Next.js. Obtén datos en Server Components para mantener tu clave API segura y evitar límites de velocidad en el cliente.
Usa la API de Pixabay para buscar y mostrar fotos de stock gratuitas y videos. Las imágenes de Pixabay están bajo su propia licencia, que permite uso comercial gratuito sin atribución requerida.
Usa la API de Pexels para obtener fotos y videos de alta calidad y uso libre. Pexels utiliza un encabezado Authorization para la autenticación y proporciona colecciones curadas
Crea componentes de ícono SVG reutilizables y accesibles en React. Usa SVG en línea para tener control total, SVGR para importar archivos .svg como componentes, o un sprite SVG para rendimiento óptimo
Utiliza técnicas de placeholder para eliminar cambios de diseño y proporcionar retroalimentación visual mientras se cargan las imágenes. Los enfoques principales son codificación de blur hash, esqueletos CSS shimmer
Utiliza las convenciones de Next.js App Router para configurar favicons, generar imágenes Open Graph dinámicas y configurar metadatos de compartir en redes sociales. Next.js admite ambos enfo
Un resumen condensado de las 25 mejores prácticas más importantes extraídas de cada página en esta sección.