//
Busque em todas as páginas da documentação
12 pages in this section.
Instale o Lucide React, importe ícones individuais por nome e personalize-os com props ou classes Tailwind. Cada ícone é um módulo separado, então seu bundle inclui apenas os
Instale o React Icons para acessar milhares de ícones de famílias populares através de um único pacote. Cada família de ícones usa um prefixo de duas letras e seu próprio caminho de importação
Use o componente next/image para otimizar automaticamente imagens com lazy loading, dimensionamento responsivo e formatos modernos (WebP/AVIF). Configure padrões remotos para
Use the Unsplash API to search and display high-quality, royalty-free photos in your Next.js app. Fetch data in Server Components to keep your API key secure an
Use a API do Pixabay para pesquisar e exibir fotos e vídeos gratuitos. As imagens do Pixabay são lançadas sob sua própria licença, que permite o uso comercial gratuito sem
Use a API do Pexels para buscar fotos e vídeos gratuitos de alta qualidade. O Pexels usa um cabeçalho Authorization para autenticação e fornece coleções selecionadas
Crie componentes de ícones SVG reutilizáveis e acessíveis em React. Use SVG inline para controle total, SVGR para importar arquivos .svg como componentes ou um sprite SVG para desempenho otimizado
Use técnicas de placeholder para eliminar o deslocamento de layout e fornecer feedback visual enquanto as imagens carregam. As principais abordagens são codificação blur hash, esqueletos de shimmer CSS
Use Next.js App Router conventions to configure favicons, generate dynamic Open Graph images, and set up social sharing metadata. Next.js supports both file-bas
Um resumo condensado das 25 melhores práticas mais importantes, extraídas de todas as páginas desta seção.
A single-page roundup of every highlight bullet from the 11 pages in the Images & Icons section, grouped by source page so you can scan all 66 takeaways without opening each article individually.