Quels sont les avantages de l'utilisation des imports dynamiques dans Next.js ?

Question

Voici un extrait de code pour un import dynamique dans une application Next.js :

```
// pages/index.js
import dynamic from 'next/dynamic';

const DynamicComponent = dynamic(() => import('../components/Hello'));

export default function Home() {
  return <DynamicComponent />;
}
```
Quel est l'avantage principal de l'utilisation des imports dynamiques dans ce contexte ?

Accepted Answer

Ils permettent de charger des composants uniquement quand ils sont nécessaires, améliorant ainsi les performances de chargement initial.

Answer

Ils rendent le composant `DynamicComponent` accessible à l'API Router de Next.js.

Answer

Ils permettent de charger des données depuis le serveur avant de charger le composant.

Answer

Ils sont requis pour tous les composants externes dans Next.js.

Question du test Next.js

Quels sont les avantages de l'utilisation des imports dynamiques dans Next.js ?