i18n(fr) Add French translation for content.mdx talks.mdx and update recipes.mdx and nav.ts

src/content/docs/fr/community-resources/content.mdx

@@ -0,0 +1,80 @@
+---
+title: Contenu éducatif communautaire
+description: Découvrez des tutoriels, des guides, des articles et des vidéos produits par la communauté pour vous aider à apprendre et à construire avec Astro !
+i18nReady: true
+---
+
+import Badge from '~/components/Badge.astro';
+
+Il y a beaucoup d'autres choses qui peuvent vous aider à apprendre et à construire avec Astro ! Voici quelques contenus éducatifs produits et maintenus par la communauté Astro.
+
+Tous les liens sont externes et peuvent être basés sur des versions antérieures d'Astro. Veillez à vérifier la date de tout contenu communautaire et à l'adapter à votre projet en conséquence.
+
+Pour plus de contenu éducatif sur Astro, consultez [le blog Astro](https://astro.build/blog/) ou inscrivez-vous à [la lettre d'information officielle d'Astro](https://astro.build/newsletter/signup) où nous récapitulons le meilleur contenu communautaire de chaque mois.
+
+## Cours et tutoriels 
+
+Les cours et les tutoriels sont axés sur l'enseignement de nouveaux concepts, souvent accompagnés d'exercices ou d'exemples de projets à réaliser. Ils constituent un excellent moyen d'apprendre de nouveaux concepts et vous donnent les outils dont vous avez besoin pour travailler sur votre propre projet Astro.
+
+Consultez les cours et tutoriels suivants pour en savoir plus sur Astro.
+
+### Tutoriels d'introduction
+  - [Astro Web Framework Crash Course](https://www.youtube.com/watch?v=e-hTm5VmofI) par freeCodeCamp
+  - [Astro Crash Course in 20 minutes](https://www.youtube.com/watch?v=zrPVTf761OI) par Chris Pennington (cours complet payant : [Learn Astro](https://learnastro.dev/))
+  - [Astro 3.0 Crash Course](https://www.youtube.com/watch?v=qBOz6TpYAOg) par James Q Quick (cours complet payant : [Build Modern Websites with Astro](https://astrocourse.dev/))
+  - [Astro Crash Course in 60 minutes](https://www.youtube.com/watch?v=NniT0vKyn-E) par @developedbyed
+  - [Understanding Astro (ebook)](https://www.ohansemmanuel.com/books/understanding-astro) par Ohans Emmanuel
+
+  ### Tutoriels vidéo
+  - [Astro Quick Start Course: Build an SSR Blog](https://www.youtube.com/watch?v=XoIHKO6AkoM)
+  - [How I created a movie application with Astro 3.x](https://www.youtube.com/watch?v=Gvr4WhgfP0w)
+  - [You may not ACTUALLY understand Content Collections…](https://www.youtube.com/watch?v=Fcw4c3wzm7I)
+  - [Build a custom blog platform with Astro and Apprwrite](https://www.youtube.com/watch?v=OERqwLy_reA)
+  - [Astro JS Portfolio Crash Course](https://www.youtube.com/watch?v=TwWvNK0yHjI)
+  - [Build a full stack blog with Astro](https://egghead.io/courses/build-a-full-stack-blog-with-astro-7ffcf9ec)
+
+## Recettes et guides
+
+Voyez des exemples guidés d'ajout de fonctionnalités à votre projet Astro, soumis par les membres de notre communauté !
+
+Les [Astro recipes](/fr/recipes/) sont généralement des guides pratiques courts et ciblés qui guident le lecteur dans la réalisation d'un exemple pratique d'une tâche spécifique. Les recettes sont un excellent moyen d'ajouter de nouvelles fonctionnalités ou de nouveaux comportements à votre projet Astro en suivant des instructions étape par étape !
+
+D'autres guides peuvent expliquer des concepts liés à un domaine de contenu, comme l'utilisation d'images ou le travail avec MDX.
+
+:::tip[Ajoutez la vôtre !]
+Vous avez écrit un guide pour Astro ? [Modifiez cette page](https://github.com/withastro/docs/edit/main/src/content/docs/en/community-resources/content.mdx) et ajoutez votre lien dans la section appropriée !
+:::
+
+### CSS
+- [Use UnoCSS in Astro](https://www.elian.codes/blog/23-02-11-implementing-unocss-in-astro/)
+- [Add dark mode to Astro with Tailwind CSS](https://www.kevinzunigacuellar.com/blog/dark-mode-in-astro/)
+### Authentication
+- [Add Github OAuth with Lucia](https://lucia-auth.com/guidebook/github-oauth/astro)
+- [Add username and password authentication with Lucia](https://lucia-auth.com/guidebook/sign-in-with-username-and-password/astro)
+### RSS
+- [Use a dynamic filename when importing images](https://vaihe.com/blog/astro/astro-dynamic-image-prop/)
+- [Add an RSS feed to Astro using Storyblok's stories](https://straffesites.com/en/blog/rss-feed-astro-storyblok)
+- [How to Send Any Data to Your RSS Feed? A Guide with Astro + RSS](https://aritraroy.live/tutorial/blogs/2023/how-to-send-any-data-to-rss-feed/)
+### Images
+- [Add blog post images to your Astro RSS Feed](https://webreaper.dev/posts/astro-rss-feed-blog-post-images/)
+- [Generate Open Graph images for an Astro blog](https://techsquidtv.com/blog/generating-open-graph-images-for-astro/)
+### Editor Tooling
+- [Get VSCode, ESLint & Prettier working with Astro](https://patheticgeek.dev/blog/astro-prettier-eslint-vscode)
+- [Integrate Prettier with Astro and Tailwind CSS](https://straffesites.com/en/blog/integrate-prettier-astro-tailwindcss)
+### Markdown
+- [Build a table of contents from Astro's Markdown headings](https://kld.dev/building-table-of-contents/)
+- [Create a Remark plugin to remove runts from your Markdown files](https://eatmon.co/blog/remove-runts-markdown/)
+- [Set Up Draft Pages Effectively in Astro with Config-Driven Content Authoring](https://akashrajpurohit.com/blog/set-up-draft-pages-effectively-in-astro-with-configdriven-content-authoring/)
+### Performance
+- [Enhance your Astro builds: modify HTML files post-build](https://straffesites.com/en/blog/optimize-astro-html-post-build)
+- [Setting up micro-frontends with Astro](https://medium.com/@sergio.a.soria/setting-up-micro-frontends-with-astro-and-ecma-script-modules-137340d2c520)
+### Utilitaires
+- [Using tRPC in Astro](https://www.thomasledoux.be/blog/using-trpc-astro-islands-react)
+- [Integrating Sentry with Astro](https://akashrajpurohit.com/blog/seamless-error-tracking-integrating-sentry-with-astro/)
+- [Generate localized sitemaps for your Astro and Storyblok project](https://straffesites.com/en/blog/localized-sitemap-astro-storyblok)
+- [Add searching to your site with Pagefind](https://blog.otterlord.dev/posts/astro-search/)
+- [Add searching to your site with Fuse.js](https://www.youtube.com/watch?v=XnV_2MWqAhQ)
+- [Add a comments section to your Astro blog using Giscus](https://elazizi.com/posts/add-comments-section-to-your-astro-blog/)
+### Internationalisation et localisation
+- [How to make your Astro website multilingual with Crowdin: Astro localization guide](https://crowdin.com/blog/2023/06/21/astro-localization-and-i18n)
+- [Translate routes in Astro for content collections and subpages](https://www.webdesign-sopelnik.de/en/blog/translate-routes-for-astro-content-collections-or-subpages-with-trailingslash-and-base-support/)

src/content/docs/fr/community-resources/talks.mdx

@@ -0,0 +1,47 @@
+---
+title: Entretiens, interviews et Streams
+description: Regardez les conférences, les interviews et les lives streams sur Astro!
+i18nReady: true
+---
+
+import Badge from '~/components/Badge.astro';
+
+Voici quelques-unes de nos vidéos communautaires préférées pour vous présenter Astro !  
+
+Pour plus d'informations sur Astro, consultez [le blog Astro](https://astro.build/blog/) ou inscrivez-vous à [la lettre d'information officielle d'Astro](https://astro.build/newsletter/signup) où nous récapitulons le meilleur contenu communautaire de chaque mois.
+
+:::tip
+Abonnez-vous au [calendrier Google des événements de la communauté Astro](https://calendar.google.com/calendar/embed?src=c_g6re3u5gkl0mug3ktn1dibqhfk%40group.calendar.google.com) et ne manquez jamais un événement en direct !
+:::
+
+## À propos d'Astro
+
+- [Astro in 100 Seconds](https://www.youtube.com/watch?v=dsTXcSeAZq8) par Fireship
+- [Why I'll choose Astro (almost) every time in 2024](https://www.youtube.com/watch?v=kssIEqSJeMI) par Jason Lengstorf
+- [I tried Astro and I LOVE IT - 5 reasons you will too!](https://www.youtube.com/watch?v=wND4lSml31A) par James Q Quick
+- [What is Astro?](https://www.youtube.com/watch?v=oQDErNNzdwU) par Kodaps Academy
+- [Everything You Need to Know about Astro](https://www.youtube.com/watch?v=rRxuVOutmFQ) par @awesome
+- [Islands Architecture | Astro Islands Simply Explained](https://www.youtube.com/watch?v=kwqlP6Pe0SI) par ExcaliBear Codes
+- [Is Astro A Game Changer For Nuxt and Vue Developers?](https://www.youtube.com/watch?v=Sq7eKxPqfSo) par Program with Erik
+- [How Astro made my site 100x faster](https://www.youtube.com/watch?v=cOxA3kMYtkM) par James Perkins
+
+## Conférences
+
+- [View Transitions: Fact vs. Fiction](https://www.youtube.com/watch?v=iT-3amHK7tA&list=PLqGQbXn_GDmkOsHI7-Wrbv1GgAA4tJZhg&index=29)  par Fred Schott à ViteConf 2023
+- [Bringing React into your content sites with Astro](https://www.youtube.com/watch?v=Fouws8iKPKQ) par Matthew Phillips à Future Frontend 2023
+- [All Things Astro](https://www.youtube.com/watch?v=WKXHFIulZ9g) par Elian Van Cutsem, React Day Berlin 2023
+
+## Interviews et podcasts
+
+- [Does Astro make heavy JS frameworks obsolete?](https://www.youtube.com/watch?v=4Ohi9G-RCcE) avec Fred K. Schott sur Learn with Jason
+- [Coffee Chat about all things Astro](https://www.youtube.com/watch?v=3eyedOP83fw) avec Matthew Phillips sur WebStorm Webinar
+- [Snowpack, Astro](https://www.devtools.fm/episode/14) avec Fred K. Schott sur devtools.fm
+- [Astro and MDX for digital gardening](https://podrocket.logrocket.com/astro-mdx-kathleen-mcmahon) avec Kathleen McMahon sur PodRocket
+- [Decoding the Astro Web Framework](https://www.youtube.com/watch?v=4PKT8x78yOQ) avec Chris Pennington sur Code Ryan
+
+## Sessions de codage en direct
+
+- [Building faster websites with Astro](https://www.youtube.com/watch?v=0eka27P4Pr4) avec Cassidy Williams
+- [Astro SSR and building a Hackernews demo](https://www.youtube.com/watch?v=2ZEMb_H-LYE) avec Fred K. Schott et Ryan Carnito
+- [Astro site rebuild](https://www.youtube.com/watch?v=VDGEpachpwc) avec Chris Pennington
+- [Building Astro 3](https://www.youtube.com/watch?v=2zhYwg_nBqQ) avec Matthew Phillips et Ryan Carnito

src/content/docs/fr/recipes.mdx

@@ -3,8 +3,8 @@
 description: Voir des exemples guidés d'éléments de compilation dans Astro.
 i18nReady: true
 ---
-
 import RecipesNav from '~/components/RecipesNav.astro';
+import ReadMore from '~/components/ReadMore.astro'
 
 Voir des exemples guidés pour ajouter des fonctionnalités à votre projet Astro.
 
@@ -15,27 +15,6 @@
 
 ## Ressources communautaires
 
-Ajoutez les vôtres ici ! Voir notre [guide de contribution aux méthodes](https://contribute.docs.astro.build/guides/recipe-writing/) pour plus d'informations.
-
-- [Utiliser un nom de fichier dynamique lors de l'importation d'images](https://vaihe.com/blog/astro/astro-dynamic-image-prop/)
-- [Ajouter des transitions de page animées avec Swup](https://navillus.dev/blog/astro-plus-swup)
-- [Utiliser UnoCSS dans Astro](https://www.elian.codes/blog/23-02-11-implementing-unocss-in-astro/)
-- [Construire une table des matières à partir des titres Markdown d'Astro](https://kld.dev/building-table-of-contents/)
-- [Créer un plugin Remark pour supprimer les runts de vos fichiers Markdown](https://eatmon.co/blog/remove-runts-markdown/)
-- [Ajoutez une recherche à votre site avec Pagefind](https://blog.otterlord.dev/posts/astro-search/)
-- [Ajoutez une recherche à votre site avec Fuse.js](https://www.youtube.com/watch?v=XnV_2MWqAhQ)
-- [Faites fonctionner VSCode, ESLint & Prettier avec Astro](https://patheticgeek.dev/blog/astro-prettier-eslint-vscode)
-- [Améliorez vos builds Astro : modifiez les fichiers HTML post-build](https://straffesites.com/en/blog/optimize-astro-html-post-build)
-- [Ajouter le mode sombre à Astro avec Tailwind CSS](https://www.kevinzunigacuellar.com/blog/dark-mode-in-astro/)
-- [Générer des sitemaps localisés pour vos projets Astro et Storyblok](https://straffesites.com/en/blog/localized-sitemap-astro-storyblok)
-- [Intégrer Prettier avec Astro et Tailwind CSS](https://straffesites.com/en/blog/integrate-prettier-astro-tailwindcss)
-- [Ajouter un flux RSS à Astro en utilisant les histoires de Storyblok](https://straffesites.com/en/blog/rss-feed-astro-storyblok)
-- [Utiliser tRPC dans Astro](https://www.thomasledoux.be/blog/using-trpc-astro-islands-react)
-- [Comment rendre votre site web Astro multilingue avec Crowdin : Guide de localisation Astro](https://crowdin.com/blog/2023/06/21/astro-localization-and-i18n)
-- [Ajouter des images d'articles de blog à votre flux RSS Astro](https://webreaper.dev/posts/astro-rss-feed-blog-post-images/)
-- [Mise en place de micro-frontaux avec Astro](https://medium.com/@sergio.a.soria/setting-up-micro-frontends-with-astro-and-ecma-script-modules-137340d2c520)
-- [Ajouter l'authentification par nom d'utilisateur et mot de passe avec Lucia](https://lucia-auth.com/guidebook/sign-in-with-username-and-password/astro)
-- [Ajouter GitHub OAuth avec Lucia](https://lucia-auth.com/guidebook/github-oauth/astro)
-- [Intégration de Sentry avec Astro](https://akashrajpurohit.com/blog/seamless-error-tracking-integrating-sentry-with-astro/)
-- [Configurer efficacement les pages de brouillon dans Astro avec la création de contenu basée sur la configuration](https://akashrajpurohit.com/blog/set-up-draft-pages-effectively-in-astro-with-configdriven-content-authoring/)
-- [Comment envoyer n'importe quelle donnée vers votre flux RSS ? Un guide avec Astro + RSS](https://aritraroy.live/tutorial/blogs/2023/how-to-send-any-data-to-rss-feed/)
+
+
+<ReadMore>Vous trouverez encore plus de recettes rédigées et mises à jour par la communauté dans nos [recettes et guides de la communauté](/fr/community-resources/content/#recipes-and-guides)</ReadMore>

src/i18n/fr/nav.ts

@@ -106,11 +106,7 @@ export default [
 	{ text: 'Images', slug: 'guides/images', key: 'guides/images' },
 	{ text: "Polices d'écritures", slug: 'guides/fonts', key: 'guides/fonts' },
 	{ text: 'Imports', slug: 'guides/imports', key: 'guides/imports' },
-	{
-		text: 'Points de terminaison',
-		slug: 'core-concepts/endpoints',
-		key: 'core-concepts/endpoints',
-	},
+	{ text: 'Points de terminaison', slug: 'core-concepts/endpoints', key: 'core-concepts/endpoints' },
 	{ text: 'Récupération de Données', slug: 'guides/data-fetching', key: 'guides/data-fetching' },
 	{
 		text: 'Internationalisation',
@@ -147,11 +143,7 @@ export default [
 		slug: 'reference/integrations-reference',
 		key: 'reference/integrations-reference',
 	},
-	{
-		text: 'Adaptateur API',
-		slug: 'reference/adapter-reference',
-		key: 'reference/adapter-reference',
-	},
+	{ text: 'Adaptateur API', slug: 'reference/adapter-reference', key: 'reference/adapter-reference' },
 	{
 		text: "API du Service d'Images",
 		slug: 'reference/image-service-reference',
@@ -174,4 +166,16 @@ export default [
 		key: 'reference/error-reference',
 	},
 	{ text: 'Format de Packet NPM', slug: 'reference/publish-to-npm', key: 'guides/publish-to-npm' },
+
+	{ text: 'Ressources communautaires', header: true, type: 'learn', key: 'communityResources' },
+	{ 
+		text: 'Cours, Guides et Recettes', 
+		slug: 'community-resources/content', 
+		key: 'community-resources/content',
+	},
+	{ 
+		text: 'Entretiens, Interviews et Streams', 
+		slug: 'community-resources/talks', 
+		key: 'community-resources/talks'
+	},
 ] as const;