Ressources

Retrouvez nos ressources de formation gratuites pour apprendre les technologies Next.js et Astro.

Ces articles sont tirés de nos formations au développement fullstack JavaScript, et vont des concepts de base jusqu'aux fonctionnalités avancées.

Illustration for the current article "Du SSR au SSG : la méga-synthèse pour comprendre le rendu serveur dans Next.js"

Du SSR au SSG : la méga-synthèse pour comprendre le rendu serveur dans Next.js

Ne faites plus jamais la confusion entre rendu dynamique, rendu statique ou encore revalidation dans Next.js ! Cette ressource vous explique les différences entre ces approches, et comment les utiliser pour optimiser vos applications Next.js.

Lire plus

Illustration for the current article "Client Islands vs script, quand utiliser l'un ou l'autre dans Astro ?"

Client Islands vs script, quand utiliser l'un ou l'autre dans Astro ?

Découvrez comment Astro s'est imposé dans l'écosystème des frameworks JavaScript avec les îlots clients, et leurs avantages par rapport à une balise script classique.

Lire plus

Illustration for the current article "Connaissez-vous les Client, Server et "Browser" components de React et Next.js ?"

Connaissez-vous les Client, Server et "Browser" components de React et Next.js ?

Découvrez les différences entre les Server, Client et Browser Components dans Next.js et comment ils impactent le rendu de vos applications React.

Lire plus

Illustration for the current article "Astro, un framework orienté composants"

Astro, un framework orienté composants

Les composants Astro sont particulièrement puissants. Découvrez les éléments de base qui constituent un composant Astro : template HTML, style scopé, JavaScript client et serveur, et capacité de composition avec des îlots interactifs.

Lire plus

Illustration for the current article "Accéder aux paramètres d'URL dans les pages Next.js"

Accéder aux paramètres d'URL dans les pages Next.js

Accédez facilement aux "search params" dans les pages Next.js. Découvrez différentes méthodes pour récupérer les paramètres de requête en fonction du type de composant React.

Lire plus

Illustration for the current article "Pourquoi choisir Astro.js pour vos sites web?"

Pourquoi choisir Astro.js pour vos sites web?

Astro.js est un framework web moderne optimisé pour les sites axés sur le contenu : blogs, e-commerce électronique. Il offre des temps de chargement rapides, un meilleur SEO et une hydratation côté client sélective plus performante.

Lire plus

Illustration for the current article "Comprendre la philosophie Jamstack pour la création d'applications web"

Comprendre la philosophie Jamstack pour la création d'applications web

La philosophie Jamstack pour créer des applications web modernes avec JavaScript, API et Markup : est-ce toujours d'actualité ? Apprenez ses avantages et son évolution qui intègre désormais la notion de pré-rendu.

Lire plus

Illustration for the current article "Comment optimiser des images dans Next.js avec le composant Image"

Comment optimiser des images dans Next.js avec le composant Image

Découvrez comment optimiser les images dans Next.js en utilisant le composant Image. Apprenez à utiliser l'optimisation automatique de ce composant, le chargement à la volée (lazy loading) et à réduire le Cumulative Layout Shift (CLS).

Lire plus

Illustration for the current article "Comprendre les Layouts et les Templates dans Next.js"

Comprendre les Layouts et les Templates dans Next.js

Apprenez à utiliser les layouts de Next.js pour créer des éléments d'interface utilisateur persistants comme les headers, footers et menus de navigation qui ne se remontent et/ou ne se rerendent pas lors des changements de route.

Lire plus

Illustration for the current article "Next.js, un framework hybride SPA/MPA"

Next.js, un framework hybride SPA/MPA

Pourquoi considère-t-on Next.js comme un framework hybride ? Next.js combine les avantages des SPA et des MPA, offrant des chargements initiaux rapides, un bon SEO et une navigation fluide côté client.

Lire plus

Illustration for the current article "Comprendre la relation entre Vercel et Next.js"

Comprendre la relation entre Vercel et Next.js

Doit-on utiliser Vercel pour héberger Next.js ? Découvrez le lien entre Next.js et Vercel et des alternatives pour héberger vos applications Next.

Lire plus

Illustration for the current article "10 ressources essentielles pour les développeurs Next.js"

10 ressources essentielles pour les développeurs Next.js

Découvrez 10 ressources indispensables pour maîtriser Next.js : tutoriels, docs et communautés pour développeurs web.

Lire plus

Illustration for the current article "Les principaux cas d'utilisation du framework Next.js"

Les principaux cas d'utilisation du framework Next.js

Découvrez comment Next.js optimise le développement web avec React pour des applications performantes.

Lire plus