generateViewport în Next.js în React & Next.js

Configurează proprietățile de viewport: themeColor pentru bara browserului mobil, lățime și scalare inițială.

Sintaxă
export function generateViewport(): Viewport { return { themeColor: '#000' }; }

Separarea metadatelor vizuale de SEO

Începând cu Next.js 14, proprietățile legate de afișajul vizual al ferestrei (themeColor, colorScheme, initialScale) au fost mutate din obiectul metadata într-o funcție dedicată generateViewport pentru o randare optimizată.

Exemplu Concret: Setare temă de culoare pentru bara de browser
export function generateViewport() {
  return {
    themeColor: [
      { media: '(prefers-color-scheme: light)', color: '#ffffff' },
      { media: '(prefers-color-scheme: dark)', color: '#09090b' }
    ],
    width: 'device-width',
    initialScale: 1
  };
}
Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: generateViewport în Next.js

Ai o nelămurire despre utilizarea comenzii generateViewport în Next.js sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!

💬

Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!

Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.