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 "Le lexique de l'IA générative : qu'est-ce qu'un LLM ?"

Le lexique de l'IA générative : qu'est-ce qu'un LLM ?

Ne soyez plus jamais surpris lorsque l'on vous parle de prompter un LLM pour construire un RAG, qui constitue le parangon de l'IA générative ! Notre lexique complet vous permettra de comprendre les termes les plus courants de l'IA générative.

Lire plus

Illustration for the current article "Sécurisez vos applications Next.js grâce au top 10 de l'OWASP"

Sécurisez vos applications Next.js grâce au top 10 de l'OWASP

Le top 10 des vulnérabilités de l'OWASP est le point de départ idéal pour les développeurs web qui souhaitent améliorer leurs compétences en sécurité. Découvrons comment ces vulnérabilités émergent dans les applications web fullstack avec Next.js et comment les prévenir.

Lire plus

Illustration for the current article "Tester un route handler Next.js avec Jest"

Tester un route handler Next.js avec Jest

Découvrez comment tester un route handler Next.js avec Jest. Cela est plus compliqué qu'il n'y paraît !

Lire plus

Illustration for the current article "Pourquoi choisir un organisme de formation certifié Qualiopi pour se former au développement web ?"

Pourquoi choisir un organisme de formation certifié Qualiopi pour se former au développement web ?

La certification Qualiopi aide à identifier les organismes de formation au développement web qui offrent des formations de qualité et un accompagnement personnalisé, sur un marché à l'offre saturée et confuse.

Lire plus

Illustration for the current article "Les 5 articles de recherche fondamentaux pour comprendre les LLM"

Les 5 articles de recherche fondamentaux pour comprendre les LLM

Cette synthèse des publications qui ont marqué la recherche en intelligence artificielle ces dernières années vous aidera à comprendre comment les grands modèles de langage (LLM) sont devenus si répandus.

Lire plus

Illustration for the current article "5 techniques pour développer efficacement des applications LLM avec Google Colab"

5 techniques pour développer efficacement des applications LLM avec Google Colab

Google Colab est un environnement de développement idéal pour apprendre à créer des applications IA avec Python. Découvrez 5 techniques pour mieux tirer parti de Google Colab lors de la conception de pipelines LLM.

Lire plus

Illustration for the current article "3 façons de gérer les formulaires dans Next.js"

3 façons de gérer les formulaires dans Next.js

Pour gérer un formulaire dans Next.js, faut-il oublier JavaScript et privilégier le comportement par défaut du navigateur ? Continuer à utiliser une callback onSubmit ? Ou bien passer pour de bon au server actions ? Découvrons ces trois approches fournies par Next.js.

Lire plus

Illustration for the current article "Astro.js: la composition facile avec les slots"

Astro.js: la composition facile avec les slots

Apprenez à combiner plusieurs composants pour créer des interfaces complexes grâce aux slots d'Astro.js (slot par défaut, slots nommés...).

Lire plus

Illustration for the current article "Pourquoi le Edge est-il si important pour les développeurs Next.js ?"

Pourquoi le Edge est-il si important pour les développeurs Next.js ?

Next.js est une technologie conçue par un hébergeur web, Vercel, et ça se voit ! Comprendre le principe du edge est important pour bien architecturer son application Next.js

Lire plus

Illustration for the current article "Maîtrisez les scripts JavaScript client avec Astro"

Maîtrisez les scripts JavaScript client avec Astro

Guide pratique pour ajouter de l'interactivité à vos composants Astro avec des scripts côté client. Optimisation et bonnes pratiques incluses.

Lire plus

Illustration for the current article "3 termes pour des architectures web modernes : BFF, Jamstack et Server Actions"

3 termes pour des architectures web modernes : BFF, Jamstack et Server Actions

Découvrez les concepts de Backend for Frontend, Jamstack et Server Actions qui ont façonné le développement web fullstack avec JavaScript ces dernières années.

Lire plus

Illustration for the current article "Styler vos composants Astro avec Tailwind CSS"

Styler vos composants Astro avec Tailwind CSS

Découvrez comment utiliser les classes Tailwind pour appliquer du style à vos composants Astro.

Lire plus

Illustration for the current article "Next.js est-il un framework serverless ?"

Next.js est-il un framework serverless ?

Le serverless impacte fortement le fonctionnement de Next.js. Découvrons ensemble son impact, et des alternatives au paradigme serverless.

Lire plus

Illustration for the current article "Comment optimiser les images dans Astro.js, avec un composant magique"

Comment optimiser les images dans Astro.js, avec un composant magique

Découvrez comment optimiser efficacement les images dans vos projets Astro.js, grâce au composant intégré Image qui automatise la compression et le redimensionnement.

Lire plus

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