www.meetguillaume.dev Open in urlscan Pro
76.76.21.21  Public Scan

Form analysis
0 forms found in the DOM

Text Content

 * Services
   * 
     Développement Web
   * 
     Maintenance
 * Outils
   * 
     Box shadow generator
   * 
     Emoticones

 * Projets

 * Blog

 * Contact

FREN

Contactez-moi

Guillaume Ducuing

Développeur Web

|



DÉVELOPPEMENT WEB & OPTIMISATION


DÉVELOPPEMENT WEB

React.js, Next.js & Prismic

En savoir plus


MAINTENANCE

Mise à jour, SEO

En savoir plus


MON DERNIER PROJET

AGENCE BRUNO

DA : Barthélémy Chalvet

TECHNO

 * React & Next.js
 * Slicemachine & Prismic
 * Déploiement Vercel

FEATURES

 * Animation GSAP
 * Blog, Landing, Hubspot form, Carrousel
 * Desktop & responsive

Veesual utilise l'intelligence artificielle pour permettre à l'utilisateur de
choisir un mannequin auquel il s'identifie et de lui faire porter des vêtement
de son choix en ligne.
Réalisé à l'agence Bruno : www.callbruno.com

Voir tous les projets

LE SAVIEZ-VOUS ?

React.js a été développé par Facebook en 2011. L'équipe de développement de
Facebook a créé React pour résoudre des problèmes spécifiques liés à la
complexité croissante de leur interface utilisateur. Le déploiement initial sur
la version mobile de Facebook a permis de tester et d'affiner les capacités de
React avant son ouverture à la communauté.

L'une des innovations majeures de React est l'utilisation du Virtual DOM
(Document Object Model). Plutôt que de manipuler directement le DOM, React crée
une représentation virtuelle du DOM en mémoire et effectue les mises à jour de
manière efficace. Cela permet d'améliorer les performances en minimisant les
manipulations directes du DOM, ce qui est une opération coûteuse.

Next.js est un framework de développement web basé sur React qui combine
harmonieusement les meilleures fonctionnalités de React avec des capacités
avancées de rendu côté serveur et de routage. Il a été conçu pour simplifier la
création d'applications web rapides, évolutives et optimisées pour les moteurs
de recherche. Il est utilisé ici ! 🔆

Prismic se distingue en tant que CMS headless, ce qui signifie qu'il se
concentre sur la gestion du contenu sans imposer de restrictions sur la manière
dont ce contenu est présenté. Cela offre une grande flexibilité aux développeurs
pour concevoir des interfaces utilisateur personnalisées.

React a évolué au-delà du développement web pour inclure le développement
d'applications mobiles grâce à React Native. Les développeurs peuvent utiliser
React et JavaScript pour créer des applications mobiles, partageant ainsi une
grande partie du code entre les applications web et mobiles.

Les frameworks web, tels que React, Angular et Vue.js, simplifient le processus
de développement en offrant des structures et des fonctionnalités prédéfinies.
Ils permettent de gagner du temps et d'améliorer l'efficacité du développement.

L'une des caractéristiques principales de Next.js est le prerendering, qui
génère des pages HTML statiques à la compilation. Cela permet d'améliorer la
vitesse de chargement en fournissant des pages pré-rendues au lieu de générer le
contenu côté client.

Prismic utilise une modélisation de contenu flexible basée sur des "slices". Les
slices sont des morceaux de contenu réutilisables qui peuvent être assemblés
pour créer des pages complexes. Cette approche permet aux utilisateurs de
définir des modèles de contenu adaptés à leurs besoins spécifiques.

Next.js étend les fonctionnalités de React en ajoutant un côté serveur. Cela
signifie que le rendu initial peut se faire côté serveur, améliorant la
performance globale de l'application et facilitant l'optimisation du
référencement.

useState est un Hook qui permet aux composants fonctionnels de déclarer des
états locaux, tandis que useEffect est utilisé pour effectuer des opérations
côté effet, telles que des appels d'API ou des modifications du DOM, dans un
composant fonctionnel.

Les Hooks ont été introduits dans React 16.8 pour permettre aux développeurs
d'utiliser l'état et d'autres fonctionnalités React dans les composants
fonctionnels. Ils fournissent une alternative aux composants de classe pour
gérer l'état et les effets dans les composants React.

Entre novembre 2022 et novembre 2023, React est largement favoris parmi les
librairies Javascript avec 1,009,938,901 de téléchargements contre 351,867,000
pour Vue et 25,629,507 pour Angular. Next.js totalise 218,426,845 de
téléchargements contre 26,454,587 pour Nuxt.js pendant cette même période.

15



LES ÉTAPES DE VOTRE PROJET WEB


CHOIX DE LA TECHNOLOGIE

Selon certains projets, le choix de la technologie diffère. Je travaille
principalement avec NextJS (React) qui offre d'excellentes performances et
permet de lier facilement le CMS headless Prismic.


INTÉGRATION & DÉVELOPPEMENT

Je commence à intégrer tous les éléments et développer les fonctionnalités
nécessaires particulières à votre projet. Je lie également Prismic à votre
nouveau site avec Slice Machine. Lors de cette étape, je veille à ce que le code
soit propre, bien construit et surtout au pixel perfect afin que le design que
vous me fournissez correspond parfaitement avec le résultat final.


PRÉPRODUCTION

Avant de mettre le site en ligne, il sera hébergé sur Netlify ou Vercel au choix
et vous aurez accès au lien afin que vous puissiez voir le résultat en direct
avant sa mise en production. Cela permet de fixer des éventuelles bugs et de
tester les fonctionnalités du site.


DÉPLOIEMENT

Votre site est prêt ! Il est temps de le mettre en ligne ! Je procéderai au
transfert final du compte Netlify/Vercel vers le votre, ainsi que du code source
sur votre Github, et enfin du transfert de Prismic. Vous êtes alors pleinement
propriétaire de votre site internet et vous pouvez modifier le contenu !


RÉFÉRENCEMENT

Pendant tout le processus, je fais en sorte que votre site ai le meilleur
résultat possible avec les contraintes techniques que j'ai. (Parfois l'appel à
certaines API  freine ce résultat par exemple). Vous pouvez vérifier le score de
votre site sur PageSpeed Insights.


BLOG


MES DERNIERS ARTICLES

#Dev
21 février 2024
•
Par Guillaume Ducuing

MES SONS POUR CODER - 100% FOCUS POUR DEV 🎧

Je vous présente les sons que j'écoute régulièrement pour augmenter ma
productivité devant mon écran ou tout du moins me mettre dans une bulle qui me
coupe du reste du monde, me permet de m'évader, en restant concentrer sur mon
code !

Lire l'article
#Dev
15 octobre 2023
•
Par Guillaume Ducuing

REACT, LA PUISSANTE LIBRAIRIE JS FROM FACEBOOK 🚀

React s'impose comme un acteur clé en front-end. Que vous soyez un développeur
aguerri ou un débutant, il est crucial de comprendre les atouts et les limites
de cette bibliothèque JavaScript, tout en explorant ses fonctionnalités
essentielles, notamment les hooks

Lire l'article
#Tech
4 août 2023
•
Par Guillaume Ducuing

CMS : WORDPRESS, WEBFLOW, FRAMER ET PRISMIC - 4 SOLUTIONS POUR DOMPTER LE WEB
AVEC STYLE!

Ah, le monde des CMS (systèmes de gestion de contenu) - où la création de sites
web devient un jeu d'enfant! Aujourd'hui, nous allons plonger dans un comparatif
détaillé de 4 CMS du marché: WordPress, Webflow, Framer et Prismic. Chacun
possède ses particularités et ses avantages, et nous allons découvrir ensemble
lesquels sauront vous charmer en fonction de vos besoins et de votre style.

Lire l'article


ET SI NOUS DISCUTIONS DE VOTRE PROJET ?

Cette plateforme nous permettra d’échanger en toute sécurité !

Go malt !

 * A propos
   
   

 * Mentions légales
   
   

 * CGU
   
   
 * Connexion



© 2023 • made with ❤ by Guillaume Ducuing, développeur web à Rouen, Tous droits
réservés.