📚 Cheatsheet

Une collection organisée de snippets de code pour accélérer votre développement. Parcourez, recherchez et copiez en un clic.

Snippets 6

Retour
Composant Image avec dimensions
Facile 
<Image src={profilePic} width={500} height={500} alt="..." />
Composant Image responsive
Intermédiaire 
<Image src={profilePic} alt="..." fill style={{objectFit:"cover"}} />
Optimisation des polices (next/font)
Intermédiaire 
import { Inter } from 'next/font/google';
const inter = Inter({ subsets: ['latin'] });

<main className={inter.className}>...</main>
Stratégies de chargement de Script
Intermédiaire 
<Script src="..." strategy="lazyOnload" />
Utiliser le composant Image
Facile 
import Image from 'next/image';
import profilePic from '../public/me.png';

const MyImage = () => <Image src={profilePic} alt="Picture of the author" />;
Utiliser le composant Script
Facile 
import Script from 'next/script';

<Script src="https://www.google-analytics.com/analytics.js" />