Netlify & next.js

Cassidy Williams a récemment mené une campagne de blogs quotidiens d'un mois sur les blogs Netlify. De nombreux articles de blog parlent de next.js. Next.js a beaucoup à louer. J'ai essayé un projet d'introduction de Cassidy par intérêt. Il a réagi rapide intégré, ce qui est super. getServerSideProps qu'il puisse être getStaticProps et utilisé sur n'importe quelle "page" pour contrôler ce qui était à l'origine dans le fichier .js . C'est la première fois que je essaie Next.js, alors pardonnez-moi pour les bases. Mais ce qui est le plus frappant à propos de Next.js pour moi, c'est qu'il soutient facilement un processus de rendu complet. Il vous encourage à effectuer un rendu de fichiers statique par défaut (SMART), puis si vous devez effectuer un rendu côté serveur (SSR), il vous suffit de mettre à jour un composant de page donné pour inclure les éléments suivants:

 Exporter la fonction asynchrone getServersIDEPROPS () {
  // Obtenez des données de l'API externe const res = attendre fetch (`https: //.../ data`);
  const data = attendre res.json ();

  // Passez des données à la page via des accessoires return {accessoires: {data}};
}

Supposons que vous fassiez SSR car vous devez accéder au serveur pour obtenir des données afin de rendre la page, mais que vous préférez rendre côté serveur afin que la page puisse rendre rapidement et sans JavaScript en cas de besoin (ce qui est très bon pour le référencement). Cela suppose qu'il existe un serveur de nœuds prêt à effectuer ce travail à tout moment. Sur Netlify, cela signifie une fonction (nœud lambda), mais vous n'avez guère à y penser, car il vous suffit d'ajouter ce qui suit dans votre fichier netlify.toml :

 [[Plugins]]
  package = "@ netlify / plugin-nextjs"

Maintenant, vous pouvez faire un rendu statique là où vous en avez besoin, rendu côté serveur là où vous en avez besoin, mais vous n'avez pas non plus abandonné le rendu client, ce qui est très rapide après le lancement du site Web. Je pense qu'il fait un transfert JSON ou un autre niveau de la magie au niveau du cadre à l'intérieur.

J'ai mis en place un itinéraire SSR rapide depuis ma page d'accueil pour les tests et je vois clairement que ma page d'accueil (statique) et /cool (SSR) renvoie le HTML statique lors du chargement.

J'avoue que j'aime utiliser React, et Suivant.js est un très beau cadre car il a à la fois une simplicité et une grande fonctionnalité. Il est facile de fonctionner sur Netlify, ce qui est génial.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!