Next.js est un framework de développement Web open source populaire. Il est utilisé par environ 40 % des concepteurs. Construit sur React, il permet aux concepteurs de développer des applications Web hautement performantes et des sites Web fixes rapides.
« Les décideurs techniques utilisent Next.js pour proposer des sites Web réactifs et interactifs qui tirent toujours parti de l’optimisation SEO généralement associée aux pages Web fixes », a expliqué Devin Dickerson, analyste principal chez Forrester. « Cela peut améliorer les résultats de l’entreprise pour le commerce électronique, les pages de destination et le marketing numérique. »
Néanmoins, le développement de la personnalisation avec Next.js a parfois été fastidieux et long pour les développeurs et à la traîne pour les utilisateurs finaux. Cela est dû au fait que la mise en œuvre a en fait généralement nécessité la création côté serveur (SSR) ou JavaScript côté client, a décrit Matt Biilmann, cofondateur et PDG de Netlify.
Avec la sortie aujourd’hui de sa marque- nouveau Next.js Runtime qui prend en charge le middleware Next.js sophistiqué, Netlify vise à améliorer la personnalisation – et à la périphérie.
« Aujourd’hui, Next.js est la structure la plus populaire dans notre région et est un élément essentiel de la façon dont les concepteurs adoptent et expérimentent notre plate-forme », a déclaré Biilmann. « Netlify a en fait acheté Next.js pendant de nombreuses années, mais maintenant nous passons de la prise en charge native de Next.js à l’extension des possibilités de la structure. »
Les avantages et les inconvénients de Next.js
Lancé en 2016, Next.js est un framework React construit sur l’environnement d’exécution JavaScript Node.js.
Les développeurs le choisissent pour sa sécurité, sa polyvalence, son référencement et son expérience globale, a déclaré Dickerson.
« Next.js gagne en attrait auprès des développeurs de React, principalement en raison de son expérience de conception améliorée et structurée », a-t-il déclaré.
Les sites Web statiques créés par Next.js n’ont pas d’accès direct à une base de données ou aux informations des utilisateurs, ce qui en fait une approche sûre pour établir des applications Web, a déclaré Dickerson. D’autre part, un autre avantage pour les développeurs est que les sites et les applications construits avec le framework s’adaptent à la taille de l’écran de l’appareil de l’utilisateur final.
Next.js possède également de nombreuses parties React à usage multiple, en plus de fonctionnalités populaires telles que des actualisations plus rapides, l’assistance TypeScript, la récupération de données polyvalente et la régénération statique incrémentielle – et il dispose d’une « communauté robuste » avec beaucoup de contributeurs, a rappelé Dickerson.
Néanmoins, prêt à l’emploi, Next.js a des capacités de routage limitées et est contraint d’utiliser le routage de fichiers, limitant ainsi fréquemment la polyvalence des concepteurs. Pour les sites Web comportant plusieurs pages, en revanche, les temps de développement peuvent être longs, a déclaré Dickerson.
« Alors que le voisinage dévoué des facteurs est une force, la communauté des plugins est encore en train de s’établir et a de la place pour se développer », a déclaré Dickerson.
Ainsi, par rapport à certains autres frameworks, les concepteurs peuvent manquer de plugins conviviaux.
En fin de compte, les applications Web développées avec Next.js peuvent avoir un degré élevé d’interactivité et de fonctionnalité, tout en bénéficiant des avantages SEO des sites textuels statiques, a-t-il déclaré.
« L’un des principaux arguments de vente de Next.js est qu’il réduit les compromis typiques entre l’expérience utilisateur et le référencement », a déclaré Dickerson.
Méthode améliorée pour Next. js
Netlify, une plate-forme en tant que service (PaaS) qui crée, publie et héberge des sites et des applications, prend en charge bon nombre des tâches Next.js les plus importantes, à savoir DocuSign, TripActions et Twilio.
Avec sa dernière version, l’entreprise déclare qu’il s’agit du seul environnement d’exécution à prendre en charge Next.js Advanced Middleware. Sa toute nouvelle capacité aidera les concepteurs à développer des sites et des applications plus rapidement, à grande échelle et avec contrôle pour réécrire et modifier le contenu HTML à la périphérie, a déclaré Biilmann, sans JavaScript supplémentaire côté client ni techniques complexes de rendu serveur.
« Nous avons en fait régulièrement parlé aux consommateurs qu’ils recherchent de meilleures façons de résoudre la personnalisation, l’expérimentation rapide et la localisation sans compromettre l’efficacité », a-t-il déclaré.
Les fonctions Edge basées sur Deno de Netlify La couche fournit des outils pour cela et fonctionne prête à l’emploi avec des structures Web populaires telles que Next.js, Nuxt, Astro, Eleventy et SvelteKit, ainsi que des frameworks edge-first plus récents comprenant Hydrogen et Remix.
Appuyer sur la périphérie
Netlify complète le marché des plateformes d’opérations Web avec Vercel, Cloudflare, Pantheon, HubSpot CMS, Contentful et Quest (entre autres). Et, il se dirige vers un prix du marché de l’informatique de pointe à 176 milliards de dollars – une augmentation de près de 15 % par rapport à 2021 – selon International Data Corporation (IDC). Les coûts des entreprises et des fournisseurs de services sur le matériel, les logiciels et les services pour les options de pointe maintiendront un taux de développement élevé jusqu’en 2025, lorsque les dépenses atteindront près de 275 milliards de dollars, selon les prévisions d’IDC.
Dickerson a noté que « nous nous attendons à ce que l’adoption de Next.js continue d’augmenter à la périphérie, avec Next.js Runtime de Netlify une preuve supplémentaire de cette tendance. »
Biilmann, pour sa part , prévoit que davantage d’applications Next.js passeront à une architecture sans serveur, simplifiant ainsi la progression et améliorant la vitesse.
Cela est vrai pour les fonctions sans serveur de plus longue durée, où les concepteurs peuvent rendre possible des fonctionnalités telles que la régénération fixe incrémentielle ou utiliser des contrôles sans serveur beaucoup plus profonds comme les fonctions de planification (ou les exécuter en arrière-plan). C’est également vrai pour les travaux sans serveur à exécution plus courte qui s’exécutent directement à partir de la périphérie, « rendant des choses comme la personnalisation et l’authentification des clients extrêmement rapides », a déclaré Biilmann.
Les nouvelles fonctionnalités de Netlify, par exemple, pourraient permettre aux concepteurs d’afficher divers contenus aux visiteurs du site Web en fonction de leur géolocalisation, de valider les utilisateurs d’une application sans révéler le type privé de la demande ou de personnaliser les cookies à des fins d’analyse et de création de rapports.
Tout cela pourrait être réalisé « sans avoir besoin de développer manuellement et de rediriger vers des URL alternatives ou d’exécuter des scripts côté client qui changent de matériau après le chargement d’une page », a déclaré Biilmann.
Capacités supplémentaires
Next.js sur Netlify inclut les fonctionnalités suivantes :
- Contrôle total pour personnaliser les en-têtes de demande et les actions entières sur le fly : prend en charge les réécritures HTML et les transformations de données de page depuis la périphérie, ce qui facilite la fourniture d’expériences utilisateur personnalisées telles que la personnalisation, la localisation, l’authentification et plus encore, tout en atteignant une efficacité optimale.
- Aucune configuration pour Next.js : Netlify détecte automatiquement Next.js et préconfigure l’environnement de construction, en adaptant la plate-forme au framework Next.js.
- Fonction du premier jour assistance : Les nouvelles fonctions Next.js sont généralement autorisées, vérifiées et prises en charge de manière native sur la plate-forme Netlify le jour de leur lancement par l’équipe open source Next.js.
- Amélioration de l’expérience utilisateur : Les concepteurs de Next.js bénéficient d’une expérience transparente tout au long du processus de construction et de déploiement de leurs sites et applications.
De plus, les consommateurs ont accès à Netlify Les fonctionnalités de la plate-forme consistent à déployer des aperçus avec des commentaires sur la page et un contrôle de la qualité, synchronisés avec Git et les systèmes de suivi des problèmes.
Les capacités supplémentaires consistent en
- Accès à combinaison constante innovante et mise en œuvre continue (CI/CD).
- Fonctions sans serveur, de périphérie, d’arrière-plan et de configuration.
- Une API spéciale alimentée par GraphQL s’intègre pour lier facilement les données et les services .
- Combinaisons d’observabilité avancées.
- Réseau périphérique multicloud avec SLA de disponibilité de 99,99 %.
- Sécurité prête pour l’entreprise.
- Autour du -assistance d’horloge avec des cours d’escalade.
La mission de VentureBeat est d’être une place publique numérique pour les décideurs techniques afin d’acquérir des connaissances sur l’innovation commerciale transformatrice et traiter. En savoir plus sur l’abonnement.
.
Toute l’actualité en temps réel, est sur L’Entrepreneur
