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 "Comment extraire le XML d'une réponse LLM avec LangChain"

Comment extraire le XML d'une réponse LLM avec LangChain

Deux approches sont possibles pour extraire le XML d'une réponse de LLM avec LangChain : XMLOutputParser, ou implémenter un extracteur personnalisé.

Lire plus

Illustration for the current article "Quels sont les types de messages dans LangChain?"

Quels sont les types de messages dans LangChain?

Communiquer efficacement avec un LLM nécessite de comprendre les types de messages : prompt système, message de l'utilisateur, réponse de l'IA.

Lire plus

Illustration for the current article "Premiers pas pour installer LangChain en Python"

Premiers pas pour installer LangChain en Python

Installez LangChain en quelques lignes grace à l'environnement de développement pour python Google Colab, et commencez à créer vos applications LLM.

Lire plus

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 surpris lorsque l'on vous parle de prompter un LLM pour construire un RAG ! Un lexique pour comprendre les mots-clés de l'IA générative.

Lire plus

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

Sécurisez vos applications Next 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 Next.js qui souhaitent améliorer leurs compétences en sécurité.

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"

Pourquoi choisir un organisme de formation certifié Qualiopi

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 "5 articles de recherche fondamentaux pour comprendre les LLM"

5 articles de recherche fondamentaux pour comprendre les LLM

Une synthèse des publications qui ont marqué la recherche en IA, pour 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 des applications LLM avec Colab"

5 techniques pour développer des applications LLM avec Colab

Google Colab est un environnement de développement idéal pour apprendre à créer des applications IA avec Python. Ces astuces vous aideront à mieux l'utiliser.

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 ? La réponse dans cet article.

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 important pour les applis Next ?"

Pourquoi le Edge est-il important pour les applis Next ?

Next.js est une technologie conçue par 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 mots pour le web moderne : BFF, Jamstack et Server Actions"

3 mots pour le web moderne : 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"

Comment optimiser les images dans Astro

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 : une synthèse du rendu serveur dans Next.js"

Du SSR au SSG : une synthèse du rendu serveur dans Next.js

Cette ressource vous explique les différences entre SSR, SSG et revalidation, et comment les utiliser pour optimiser vos applications Next.js.

Lire plus

Illustration for the current article "Client Islands vs script, quand les utiliser dans Astro ?"

Client Islands vs script, quand les utiliser dans Astro ?

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

Lire plus

Illustration for the current article "Les Client, Server et Browser components de React et Next.js"

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

Découvrez les éléments de base qui constituent un composant Astro : template HTML, style, JS client et serveur, et 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 comment 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 optimisé pour les sites de contenu : blogs, e-commerce... Pour un meilleur SEO et du JavaScript client plus performant.

Lire plus

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

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 "Optimisez les images dans Next.js avec le composant Image"

Optimisez les images dans Next.js avec le composant Image

Optimisez les images dans Next.js avec le composant Image. Apprenez à utiliser l'optimisation automatique de ce composant, le lazy loading et à réduire le 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

Next.js est un hybride qui 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