Posts🇫🇷Posts🇬🇧

Categories

react nextjs javascript tools css git story web mindset advice tailwind html vscode ai next typescript

Posts

Ajouter des tests Vitest dans une application Next.jsVitest est le meilleur outil dans une application Next.js pour faire des tests unitaires pour tes méthodes... ou tes composants React !

Next Safe Action mais pour les API Routes (NextJS)Tu cherches Next Safe Action pour les API Routes et tu ne trouves pas de bonne librairie ? Je t'ai trouvé une bonne alternative.

NuQS : Comment gérer l'état de ton URL en NextJSDécouvre comment utiliser NuQS pour synchroniser l'état de ton application avec l'URL. Un guide complet pour comprendre quand et comment utiliser cette librairie puissante.

Zustand : Le guide complet pour gérer ton state en ReactDécouvre comment utiliser Zustand, le gestionnaire d'état React simple et puissant. Un guide complet avec des exemples concrets en TypeScript.

useContext : Le guide complet pour gérer tes données globalementDécouvre comment utiliser useContext en React pour partager des données entre tes composants sans prop drilling. Un guide complet avec des exemples concrets en TypeScript.

Guide complet de Prisma avec NextJSDécouvre comment utiliser Prisma dans ton application NextJS : installation, migrations, requêtes, TypeScript et cas d'usage avancés. Un guide complet pour maîtriser Prisma.

Tu n'utilises pas encore Cursor ? Lis cet article.Découvre pourquoi Cursor est devenu l'outil indispensable pour les développeurs en 2025. Un IDE révolutionnaire qui combine VS Code et IA pour une productivité maximale.

3 Hacks Flexbox CSS que tu dois absolument connaîtreDécouvre 3 hacks Flexbox CSS indispensables pour résoudre les problèmes courants de mise en page. Des solutions simples et efficaces pour tes layouts.

Flex-shrink en CSS - Comment gérer la réduction des éléments flex comme un proDécouvre comment utiliser flex-shrink en CSS pour contrôler la réduction de tes éléments flex. Guide complet avec exemples interactifs et cas pratiques pour maîtriser cette propriété.

Flex-grow en CSS - Le guide complet pour maîtriser la distribution d'espaceDécouvre comment utiliser flex-grow en CSS pour contrôler la distribution d'espace dans tes layouts. Guide complet avec exemples interactifs et cas d'usage concrets.

Server Actions ou les API Routes ? Lequel utiliser en NextJSDécouvre les différences entre les Server Actions et les API Routes dans NextJS, leurs avantages et inconvénients, et quand utiliser l'un ou l'autre pour ton application.

Comment intégrer l'authentification dans une application NextJS ?Quel sont les méthodes et librairie les plus efficaces pour ajouter de l'authentification dans une application NextJS ? Il en existes deux types, les externes et les internes. On va comparer les deux pour que tu ai la meilleur vision sur la question.

React ou Next.js - Quelle est la différence et quand les utiliser ?Découvre les différences entre React et Next.js, comprends leur relation et apprends quand utiliser l'un ou l'autre pour ton prochain projet web.

Vite ou Next.js - lequel choisir pour ton prochain projet ?Découvre les avantages et inconvénients de Vite et Next.js pour choisir le meilleur framework pour ton prochain projet web.

JavaScript ou TypeScript - lequel utiliser pour un nouveau projet ?Découvre les avantages et inconvénients de JavaScript et TypeScript pour choisir le meilleur langage pour ton prochain projet web.

Comment utiliser les fichiers .env en React et Next.jsDécouvre comment utiliser les fichiers .env pour gérer tes variables d'environnement en React et Next.js, et comprends les différences entre .env.local, .env.development, etc.

Comment supprimer un commit avec Git ?Découvre comment supprimer proprement un ou plusieurs commits avec Git, et comment annuler ces suppressions en cas d'erreur.

Comment créer un bouton copier-coller en JavaScript et ReactDécouvre comment implémenter un bouton copier-coller dans tes applications web avec l'API Clipboard, en JavaScript vanilla et en React.

Comment utiliser le localStorage avec Next.jsDécouvrez comment utiliser le localStorage avec Next.js et éviter les erreurs courantes liées au rendu côté serveur.

Pourquoi j'utilise TailwindCSS ?TailwindCSS fait débat et beaucoup de personnes se demandent pourquoi TailwindCSS est utilisé partout.

Mon année 20242024 a été une année beaucoup plus remplie de tout et compliquée. La vie en Europe ne semble pas me convenir.

Quel éditeur de code choisir en 2024 ? (VSCode vs WebStorm vs Fleet)Découvre quel est le meilleur éditeur de code pour le développement web en 2024. Une comparaison complète entre VSCode, WebStorm, Fleet, Sublime Text, Notepad++ et Cursor.

Le setup parfait pour VSCode afin de faire du HTML / CSSTu veux faire du HTML / CSS et tu souhaites avoir un setup VSCode fonctionnel et basique pour commencer à travailler. Voici les quelques configurations à rajouter.

Quel est le meilleur OS pour les développeurs ? Avec des exemples concretsMacOS, Windows ou Linux ? Découvrez quel est le meilleur système d'exploitation pour les développeurs en 2024 avec des statistiques et des exemples concrets

Comment apprendre HTML et CSS en 2024 ?Découvre comment apprendre HTML et CSS efficacement en 2024. Un guide complet pour maîtriser les bases du développement web, même sans expérience préalable.

React vs Angular vs VueJS : Quel framework choisir en 2024 ?Découvre quel framework JavaScript choisir entre React, Angular et VueJS pour développer des applications web en 2024. Une comparaison complète pour t'aider à faire le bon choix.

7 projets web parfaits pour débuter en programmationTu débutes en programmation et tu cherches des idées de projets ? Découvre 7 projets web concrets et accessibles pour faire tes premiers pas en tant que développeur, même sans expérience préalable.

Comment apprendre à coder avec l'IADans cet article, nous allons explorer comment l'intelligence artificielle peut t'aider à apprendre à coder plus efficacement. Que tu sois un débutant ou un développeur expérimenté, découvre les outils et techniques basés sur l'IA pour améliorer tes compétences en programmation.

Comment configurer ton Mac ou MacBook pour être un développeur web efficaceDans cet article, nous allons te guider à travers les étapes essentielles pour configurer ton Mac ou MacBook afin de maximiser ton efficacité en tant que développeur web. Que tu sois un débutant ou un développeur expérimenté, découvre les outils indispensables, les réglages système optimaux et les astuces pour améliorer ton flux de travail et ta productivité.

Toutes les nouveautés CSS en 2024 : c'est impressionnantLe CSS a fait un bond en avant en 2024 avec des fonctionnalités qui changent la donne : animations au scroll, transitions entre pages, height: auto animé... Je te montre tout ça !

Tech Stack React 2025 : Ma stack complète pour créer des applications web modernesDécouvre ma stack technique complète pour créer des applications web modernes avec React en 2025. Du framework au déploiement, voici les outils que j'utilise au quotidien.

Faut-il un diplôme pour devenir développeur web en 2024 ?Les diplômes sont-ils vraiment nécessaires pour devenir développeur web ? Découvre la vérité sur les diplômes dans le développement web et les alternatives possibles.

Salaires des développeurs web en 2025 : Guide complet et comparatifGuide détaillé des salaires des développeurs web en 2025 par région, spécialité et expérience. Découvrez les tendances du marché et les opportunités de carrière.

Comment configurer VSCode comme un pro en 2024Un guide complet pour configurer VSCode avec les meilleures extensions, thèmes et paramètres pour coder efficacement en TypeScript et JavaScript.

React vs Svelte - Lequel choisir en 2024 ?React ou Svelte ? Je vais t'aider à faire ton choix en comparant ces deux frameworks sur des critères objectifs comme la popularité, les offres d'emploi et l'expérience de développement.

Comment utiliser useState en React ? Le guide completuseState est le hook le plus utilisé en React, mais il est souvent mal compris. Dans ce guide, je vais t'expliquer en détail comment il fonctionne et comment bien l'utiliser.

Fetch des données en React - Le guide ultime pour bien faireLe fetch de données est essentiel dans toute application React. Dans ce guide, je vais t'expliquer les différentes méthodes pour fetch des données, leurs avantages et inconvénients, et te donner les meilleures pratiques.

Le guide pour avoir des Intercepting Routes en Next.js qui fonctionnentJ'ai beaucoup galéré à faire fonctionner les intercepting routes. Il y avait toujours un truc qui n'allait pas et qui faisait bugger l'application. Dans ce guide je vais t'expliquer pas à pas comment créer des intercepting routes qui fonctionnent à tous les coups.

Comment devenir freelance en développement web ?Découvre comment devenir freelance en développement web grâce aux 3 piliers essentiels : l'offre, l'acquisition et la vente. Un guide complet pour réussir en tant que développeur web indépendant.

Les meilleures formations pour devenir développeur web en 2024Découvre les meilleures formations pour devenir développeur web en 2024. De la formation en ligne aux écoles prestigieuses, trouve celle qui te correspond le mieux.

Devenir freelance en développement web en 2024Le développement web est un excellent moyen de devenir freelance. Découvre pourquoi c'est le meilleur moment pour se lancer et comment les entreprises ont toujours besoin de développeurs web pour créer leurs applications.

Le métier de développeur web en 2024Tu veux comprendre ce qu'est le métier de développeur web ? Dans cet article, je t'explique en détail ce qu'est le web, le quotidien d'un développeur web et pourquoi c'est un des métiers les plus recherchés en 2024.

Reconversion en développement web : comment faire ?Tu veux devenir développeur web mais tu n'as aucune expérience ? Voici comment tu peux y arriver. Il existe plusieurs façons de devenir développeur web peu importe ton expérience et ton métier passé.

Formation pour devenir développeur web à distanceQuelle formation suivre pour devenir développeur web à distance ? Sans jamais avoir besoin de venir en classe ou avoir des heures de trajet.

Tailwind CSS V4 : Les nouveautés à connaîtreTailwind CSS V4 est une version majeure de Tailwind CSS qui apporte de nombreuses nouveautés. Voici un guide pour comprendre les changements et les nouvelles fonctionnalités.

C'est quoi le JSX en React ? Guide complet pour débutantLe JSX est un langage de programmation utilisé dans React pour créer des interfaces utilisateur dynamiques. Il est une extension de JavaScript qui permet de combiner HTML et JavaScript dans une seule syntaxe.

6 types de projets pour devenir développeur webPasser de 0 à développeur web en apprenant à coder totalement gratuitement, c'est possible ? À l'heure de l'IA, des documentations complètes et des milliers de tutoriels YouTube, découvrez 6 types de projets concrets pour devenir développeur web sans rejoindre des bootcamps à 7000€.

Les meilleures extensions VSCode pour un développeur webToutes les meilleures extensions VSCode pour un développeur web afin d'être plus performant et efficace.

Apprendre tous les hooks en ReactApprendre tous les hooks en React est un vrai challenge. Mais avec la bonne méthode, tu peux le faire !

Comment apprendre à coder gratuitement ?Passer de 0 à développeur web en apprenant à coder totalement gratuitement, c'est possible ? À l'heure de l'AI, des documentations complètes, des milliers de tutoriels YouTube : faut-il rejoindre des bootcamps à 7000 € ou des formations payantes pour devenir développeur web ?

Les ternaires en React : le guide completDécouvre comment utiliser les ternaires en React, pourquoi ils fonctionnent avec JSX, et comment les utiliser efficacement dans tes composants.

Combien de temps pour apprendre React ? La vérité sur les projetsTu veux savoir combien de temps il faut pour maîtriser React ? Je t'explique pourquoi les tutoriels ne suffisent pas et comment les projets concrets sont la clé pour devenir un vrai développeur React.

Combien de temps pour apprendre JavaScript ? La vérité sur l'apprentissageTu te demandes combien de temps il faut pour apprendre JavaScript ? Je t'explique pourquoi ce n'est pas une question de temps mais de méthode, et comment devenir vraiment bon en JavaScript.

Les API Routes en NextJS 15 : Comment ça fonctionne ?Comment fonctionnent les API Routes en NextJS ? Comment les créer et les sécuriser pour créer des applications full stack modernes utilisables par des millions d'utilisateurs.

Les meilleures formations JavaScript gratuitesJ'ai testé des dizaines de formations JavaScript gratuites pour que tu n'aies pas à le faire. Voici les meilleures formations JavaScript gratuites pour toi.

React en front-end ou back-end ?React est un framework JavaScript principalement utilisé pour le front-end, mais il peut également être utilisé pour le back-end. Dans cet article, nous explorerons les différences entre les deux approches et les avantages et inconvénients de chacune d'elles.

Maîtriser les Espacements en Design : Les Règles à SuivreApprends à créer des espacements efficaces en design et découvre les erreurs courantes à éviter.

NextJS vs React : Quelle technologie choisir pour tes projets ?Découvre les différences entre React et NextJS, et apprends quand utiliser l'un ou l'autre pour tes projets web.

Ce dont personne ne parle à propos de ZustandDécouvre le pouvoir de Zustand et comment il peut être utilisé en dehors de React.

C'est quoi React JS ?React.JS est très populaire, mais concrètement c'est quoi ? Un framework, une librairie ou les deux ? Cette question fait débat.

Faut-il apprendre VueJS ou React ?Découvre s'il faut apprendre React ou VueJS pour développer des applications web. Comprends la différence entre React et VueJS.

Cursor reste le leader de l'AI pour les développeurs, voici pourquoi :Tu as besoin de mettre en pause ton code JavaScript ? Découvre comment implémenter un Sleep efficace avec setTimeout et Promise, et comprends pourquoi c'est utile dans tes projets.

Comment mettre une image en HTML : Guide completApprends à insérer et styliser des images en HTML avec ce guide complet, incluant des astuces pour les rendre responsives.

Comment changer la police en CSS ?Tu veux changer la police de ton site web ? Découvre comment le faire avec différentes méthodes en CSS. Il y a pas beaucoup de méthode donc comme ça on ira vite.

Comment relier le CSS au HTML ?Tu as besoin de relier le CSS au HTML ? Découvre comment le faire avec les différentes méthodes qui existent.

Comment centrer une image en CSS : Les 5 méthodesTu as besoin de centrer une image en CSS ? Découvre comment le faire avec les différentes méthodes qui existent.

Le métier de développeur web va changer avec l'AI...Un énorme changement est en marche dans le métier de développeur web et il ferait mieux que TU sois préparé à celui-ci. Mais avant d'avoir peur, essayons de comprendre ce qui se passe.

Comment faire un "sleep" en JavaScript (pour faire une pause)Tu as besoin de mettre en pause ton code JavaScript ? Découvre comment implémenter un Sleep efficace avec setTimeout et Promise, et comprends pourquoi c'est utile dans tes projets.

JavaScript : front-end ou back-end ? Pourquoi pas les deux ?JavaScript est partout. Du navigateur au serveur, en passant par les applications mobiles. Découvre comment ce langage polyvalent a conquis le monde du développement web et pourquoi tu devrais l'utiliser des deux côtés.

"use cache" en NextJS 15 : le nouveau système de cache NextJS 15 est disponible et tu peux mettre à jour ton code. Je t'explique toutes les nouveautés qu'il faut prendre en compte avec des exemples concrets.

Cursor me rend plus productif : voici mes méthodesL'AI a plein de problèmes et Cursor en règle beaucoup. Avec mes méthodes, tu vas presque tous les résoudre.

Redux est mort. Utilise Zustand à la place...Redux est une vieille librairie qui ne répond plus aux besoins actuels. Je vais t'expliquer pourquoi tu devrais utiliser Zustand dans tous tes projets sans hésiter

Le HTTP comment ça fonctionne ?Le HTTP en web c'est ce qui fait tourner et fonctionner le web, il faut le comprendre et le maîtriser. Au début c'est compliqué mais cette article vas beaucoup t'aider.

NextJS 15 : Toutes les nouveautés importantesNextJS 15 est disponible et tu peux mettre à jour ton code. Je t'explique toutes les nouveautés qu'il faut prendre en compte avec des exemples concrets.

Comment planifier ses articles en utilisant NextJS ?Comment faire pour que les nouveaux articles se publient automatiquement sur ton blog en fonction d'une date que tu as définie au préalable en utilisant des cron jobs ? Je t'aide à le faire.

Roadmap pour devenir développeur web : uniquement l'essentielUne roadmap sans bullshit pour devenir développeur web. On part de 0 et on maîtrise le web pour créer des SaaS, devenir freelance ou trouver un job en CDI. Pas le temps, commence à lire.

Guide sur Fetch en JavaScript : Pas besoin d'AxiosPour faire des fetch en JavaScript tu peux utiliser la méthode fetch ! Plus besoin d'utiliser Axios ou d'autre outil d'un autre temps pour le faire. Il est temps de découvrir tout le pouvoir de fetch.

Faut-il apprendre JavaScript ou TypeScript en premier ?TypeScript devient très populaire et va finir par être encore plus utilisé que JavaScript mais est-il une bonne idée d'apprendre TypeScript sans même apprendre JavaScript ? La question est complexe mais on va quand même y répondre.

Tu n'as PAS besoin de useCallback en ReactuseCallback est trop souvent utilisé de la mauvaise manière. On essaie souvent de sur-optimiser React avant d'avoir des problèmes de performance.

Les Props VS Les States en React ?Quand et pourquoi utiliser des states ou des props ? Si tu n'arrives pas à bien répondre à cette question cet article va énormément t'aider.

Formation React en Français (100% à jour)Découvre une formation en ligne React en Français, mise à jour récemment. Deviens développeur React avec cette formation complète et gratuite !

Bien utiliser Next-Safe-Action pour tes Server-ActionNext-Safe-Action est la meilleure library pour gérer des actions NextJS et j'ai développé plein de méthodes qui permettent d'avoir un meilleur code avec Next Safe Action en NextjS:

Le Guide des Server Actions en NextJSComment fonctionnent les Server-Actions en NextJS et comment les utiliser dans ton application ? Voici un guide complet qui va te présenter les bonnes pratiques et tout ce qu'il faut savoir sur les server-actions.

Quand utiliser useEffect - Le guide completuseEffect est pour moi très souvent mal utilisé, c'est normal car on parle rarement de son utilité et de QUAND l'utiliser. Aujourd'hui, on va changer ça.

Comment fonctionnent les server-actions en NextJS ?Les server-actions sont souvent considérées comme magiques en NextJS, mais plus sérieusement : comment sont-elles codées ? On va regarder le code de NextJS pour le savoir.

Pourquoi TailwindCSS a gagné ?Comment TailwindCSS est arrivé à un niveau de popularité jusqu'à littéralement gagner et devenir le framework CSS le plus utilisé et apprécié des développeurs.

Pourquoi le design est important pour les développeurs web ?Pourquoi est-il important d'apprendre le design ? Quels sont les avantages de cultiver cette vision design et quels sont les concepts qui viennent avec ? Je t'explique tout ça.

Comment faire de bons formulaires en React ?On dit qu'un développeur ne fait que des formulaires. Donc il vaut mieux savoir faire de bons formulaires et pour ça il faut comprendre les formulaires en React.

Comment utilisé useRef en React ? Guide completPourquoi utiliser useRef mais surtout QUAND l'utiliser afin d'avoir un code propre et efficace en React ? Je vais t'expliquer dans ce guide complet sur useRef.

Le guide complet de Flex Box CSS - Maîtriser Flexbox pour la vieTu es en train d'apprendre à utiliser Flexbox en CSS ? Tu cherches comment utiliser Flexbox CSS et tu ne sais pas comment l'utiliser ? Bienvenue sur ce guide interactif.

Faut-il apprendre TailwindCSS ou CSS en premier ?Lequel faut-il apprendre ? Est-il facile d'apprendre TailwindCSS ? Quand tu débutes, il est compliqué de se faire un avis surtout que beaucoup de tutos utilisent TailwindCSS.

Le guide complet sur les formats couleurs en CSSRGB, HSL, HEX, etc... tu reconnais ces mots ? Ils sont souvent compliqués et il n'est pas facile de les comprendre. Pourtant, ils sont essentiels pour faire du CSS.

Le layout par défaut en CSS que personne connaît !En CSS tu connais sûrement le Flex et Grid layout, mais le flow... il n'y a personne qui en parle ! Pourtant, c'est celui qui est appliqué par défaut sur tous les éléments.

Quel est le rôle d'un développeur junior ?Un développeur junior est-il sensé avoir 10 années d'expérience, un bac+4 et savoir créer une application de 0 seul ? Ou au contraire...

React est un framework ou une librairie ?Il y a un grand débat autour de React comparé à d'autres outils étant donné que React se dit être une librairie, mais peut-on vraiment l'appeler comme ça ?

Le meilleur moyen de créer des API Routes en NextJS App DirectoryComment créer des routes 100% TypeSafe en utilisant Zod. Une librairie `next-zod-route` te permet de gérer le routing sans prise de tête.

Comment j'organise mes fichiers en NextJS ?Où mettre ces components, server-actions, pages en NextJS ? Comment je m'organise pour toujours retrouver ce dont j'ai besoin ?

Formation Next.js en Français (100% à jour)Découvre une formation en ligne NextJS qui est en Français et mise très récemment à jour. Deviens développeur NextJS avec cette formation NextJS !

Faut-il apprendre React ou Angular ?Découvre s'il faut apprendre React ou Angular pour développer des applications web. Comprends la différence entre React et Angular.

Comment configurer NextAuth Password avec une base de données (Next App Directory)NextAuth est le moyen le plus rapide de configurer l'authentification dans votre application NextJS. Dans ce tutoriel, nous allons configurer l'auth.

Les 10 meilleures formations React en ligneAprès 5 ans à apprendre React, voici les 10 meilleures formations en ligne pour débuter. J'ai listé toutes les meilleures formations !

Comment afficher une liste en React ?Apprenez à afficher des listes en React. Découvrez pourquoi utiliser les keys et comment utiliser la méthode ".map". Ce tutoriel vous expliquera tout cela.

NextJS VS React : Lequel utiliser dans tes applications ?NextJS est un framework qui permet de faire du React de manière plus simple. Mais quand est-ce que tu devrais l'utiliser ?

Les meilleures librairies React en 2024Quelles sont les meilleures librairies React catégorisées par fonctionnalités et type pour 2024. J'ai fouillé tout le web pour t'aider à choisir.

Les Applications avec l'AI, c'est le future.Découvrez comment l'Intelligence Artificielle révolutionne le développement d'applications et ouvre un monde de possibilités infinies.

Mon année 2023 - Comment j'ai changé la vie de milliers de devL'année 2023 a été un tournant décisif dans ma vie professionnelle et personnelle. De développeur salarié à entrepreneur indépendant.

Guide pour poser des questions !Poser des questions est une des compétences les plus importantes des développeurs. C'est LA compétence qui va changer ta manière d'apprendre.

Le React à connaître pour débuter avec NextJSNextJS est le framework le plus populaire pour React. Mais, ne va pas trop vite ! Il faut déjà bien connaître React... mais quoi exactement ?

Mon année 2022 - Le début de mon aventure !Un résumé détaillé de mon année 2022, mon parcours inspirant de développeur salarié à créateur de contenu tech indépendant !

Le JavaScript à savoir pour commencer ReactReact c'est passionnant et c'est le framework le plus proche du JavaScript, j'ai fais une liste de compétence à avoir en JavaScript pour faire du React.

Apprendre React en partant de 0 !Pour apprendre React en partant de 0, il faut comprendre React. On part d'un fichier HTML jusqu'à une app vite.js !

Comment centrer une div (3 moyens)Centrer une div en CSS c'est encore compliqué pour certaines personnes. Il y a 3 moyens très simples et rapides de centrer une div en CSS.

4 Habitudes pour avoir un meilleur codeAvoir un code lisible et maintenable est essentiel, pour vous et pour votre équipe. Il faut prendre l'habitude de faire du code propre.

5 extensions VS Code pour 2022Découvrez 5 extensions indispensables pour optimiser votre utilisation de VS Code en 2022 et améliorer votre productivité au quotidien.

Type VS Interface en TypeScriptJe me suis toujours demandé quelle était la différence entre Type et Interface en TypeScript, voici la réponse.