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 "Qu'est-ce qu'un embedding ou plongement vectoriel ?"

Qu'est-ce qu'un embedding ou plongement vectoriel ?

Les embeddings (ou plongements vectoriels en français) représentent les informations complexes en vecteurs sémantiques utiles aux applications IA avancées.

Lire plus

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

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

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 "Comment tester un route handler Next.js avec Jest"

Comment 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

Qualiopi identifie les organismes de formation de qualité, avec un accompagnement sérieux 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 "Comment styler vos composants Astro avec Tailwind CSS"

Comment 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

Astro.js : compressez et redimensionnez automatiquement vos images avec le composant Image intégré pour des performances web optimales.

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 "Comment accéder aux searchParams dans les pages Next.js"

Comment accéder aux searchParams 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

Jamstack est-il toujours pertinent ? Explorez ses avantages, son évolution et son intégration du pré-rendu pour le web moderne.

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

Maîtrisez les layouts Next.js pour créer des éléments UI persistants (header, footer, menu) sans rechargement 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 "Quels sont les cas d'usage du framework Next.js ?"

Quels sont les cas d'usage du framework Next.js ?

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

Lire plus