Cyril De Graeve

En tant que développeur freelance, je propose une gamme de services de développement web qui couvrent toutes les étapes du processus de création d'un site et/ou d'une application web. Grâce à ma pratique et mes connaissances de l'incroyable écosystème Javascript, je suis en mesure de résoudre des problèmes complexes en créant des solutions fonctionnelles et des interfaces esthétiques modernes adaptées à vos besoins. Visitez mon portfolio : cyrildegraeve.dev

Réalisation de nombreux projets professionnels et personnels en Front et/ou en Back dans le cadre de mes offres qui relèvent d'une double activités... Développeur Fullstack JS et Copywriter freelance, mes services combinent la puissance du code et l'art des mots afin de booster votre présence en ligne et accroître votre réputation. Mes offres 2024 : hyper-free.cyrildegraeve.dev

Pour la Librairie J.-F. Fourcade, j’ai réalisé une refonte intégrale du site, historiquement basé sur une architecture vieillissante et peu évolutive. L’objectif du projet était multiple : moderniser l’interface sans dénaturer l’identité de la librairie, améliorer significativement les performances et le référencement naturel, structurer un véritable site e-commerce, et surtout offrir au libraire une autonomie complète dans la gestion quotidienne du catalogue via un back-office sur mesure. Développement fullstack avec Next.js : > Stack unifiée front + back + API + administration avec Next.js App Router, sans backend externe. > Utilisation combinée du rendu serveur (SSR), des Server Actions et des Route Handlers pour garantir performances, sécurité et SEO. > Architecture fullstack maintenable et évolutive, pensée pour un projet à long terme. Front-end : > Refonte graphique complète, sobre et élégante, fidèle à l’esprit d’une librairie de livres rares. > Design responsive optimisé pour desktop, tablette et mobile. > Mise en valeur éditoriale des ouvrages dès la page d’accueil (sélections, nouveautés, vitrines). > Développement de fiches livres détaillées : description, images multiples, auteurs, année, éditeur, prix. > Navigation repensée : menu fixe, footer persistant, carrousels, blocs éditoriaux. Recherche & navigation avancée : > Moteur de recherche simple et avancé, distincts et complémentaires. > Recherche multicritères : titre, auteur, illustrateur, éditeur, lieu, année avant/après, mots-clés, etc. > Système d’autocomplétion et de suggestions dynamiques : Composant React côté client pour l’affichage instantané, Route Handler Next.js interrogeant la base via Drizzle ORM. > Résultats rapides et pertinents, adaptés à un catalogue volumineux. Back-office personnalisé : > Développement d’un back-office sur mesure, entièrement intégré à l’application Next.js. > Gestion autonome des ouvrages : ajout, modification, suppression, mise en vitrine. > Gestion des images avec upload sécurisé, tri et optimisation automatique. > Gestion des abonnés newsletter et formulaires de contact. > Imports ponctuels de données via fichiers Docx / PDF si nécessaire. > Interface pensée pour un usage quotidien, sans surcharge fonctionnelle inutile. + Base de données & reprise des données + Fonctionnalités e-commerce (intgération de Stripe Element) + SEO, performance & conformité + Déploiement & DevOps La Librairie dispose désormais d’un site moderne, performant et pérenne, parfaitement adapté à son activité de librairie spécialisée. Le client bénéficie d’une autonomie totale sur son catalogue, d’un outil e-commerce fiable, et d’une base technique solide permettant d’envisager sereinement de futures évolutions (catalogues papier, exports, statistiques, fonctionnalités avancées).

Pour ce projet personnel à destination des libraires, bibliothécaires et éditeurs, j’ai conçu et développé une application complète de génération automatique de fiches produit, meta descriptions SEO, textes de newsletter, critiques littéraires ou traductions anglaises, à partir de la 4ᵉ de couverture d’un livre. Front-end : > Interface responsive, claire et intuitive permettant d’insérer un texte ou d’importer une photo du livre. > Capture webcam intégrée sur desktop, aperçu image dynamique, formulaire intelligent avec options multiples. > Intégration d’un système de copie rapide des résultats, d’un composant de sélection de mode et d’un affichage conditionnel des résultats. Back-end : > Développement d’un endpoint /api/generate traitant le texte ou l’image, avec appel à GPT-3.5 pour générer les contenus attendus selon un prompt structuré. > Implémentation d’un OCR pour extraire proprement le texte à partir d’une photo (compression, nettoyage, traitement serveur). > Gestion des erreurs et des cas limites (fichier vide, auteur ou titre manquant, mauvaise photo…). > Endpoint secondaire pour récupérer automatiquement une jaquette depuis un ISBN via l’API OpenLibrary. UX & cas d’usage : > Application pensée pour les professionnels du livre : site e-commerce, newsletter, fiche de présentation… > Trois modes de génération selon les besoins : fiche produit (avec SEO & newsletter), critique littéraire courte, ou traduction anglaise. Résultats structurés, formats normalisés, ton et style définis selon le canal de diffusion. Déploiement & tests : > Application fullstack déployée sur environnement local et prête à être hébergée sur un VPS. > Performances optimisées, OCR robuste et prompts testés sur des dizaines de 4ᵉs de couverture réelles. L’outil est aujourd’hui opérationnel et sert de démo fonctionnelle pour les métiers du livre, tout en illustrant ma capacité à construire une application complète mêlant UX, front moderne, back intelligent et API IA.

Pour cette librairie-éditeur spécialisée dans les ouvrages rares et de bibliophilie, j’ai pris en charge la refonte complète de son site en Next.js Fullstack pour en moderniser l’interface tout en respectant son identité visuelle, et en assurer la pérennité technique. Front-end : > Reprise du design existant avec une modernisation subtile (Next.js / React / Typescript / Tailwind). > Conception de plusieurs pages types validées par le client : fiche livre avec galerie, "derniers ajouts", "vitrine", panier… > Responsive design et amélioration UX/UI (navigation latérale fixe, footer visible en permanence, mise en valeur des boutons d’action, carrousel d’images…). Back-end (Next.js App Router / Node.js / Drizzle / MySQL) : > Migration d’une base MySQL MyISAM vers InnoDB, nettoyage et adaptation au nouveau site. > Développement d’une API dédiée pour relier le front aux données (livres, images, catégories...). > Création d’un système de recherche avancée avec filtres multiples (auteur, éditeur, année, mots-clés...). > Mise en place d’une vitrine dynamique basée sur une sélection côté admin. > Développement du panier et intégration de Stripe pour les paiements CB, avec option de retrait en librairie. Hébergement & déploiement : Installation complète sur un serveur VPS avec configuration manuelle (NGINX, SSL, Node.js, PM2). Site de production sécurisé, SEOisé, opérationnel et performant. Le client peut désormais administrer ses ouvrages depuis une interface claire, avec des temps de chargement optimisés et une visibilité accrue sur les nouveaux contenus.

Pour la maison d'édition parisienne "Serious Publishing", je me suis chargé de la refonte complète de son site PHP/MySQL en site (et webapp) Javascript/PostgreSQL. > Front-end : Conception, réalisation technique et éditoriale (React / Next.js / Typescript / Tailwind / Framer motion) + mis à niveau RGPD + SEO, > Back-end (Node.js / Express / PostgreSQL) : réalisation d'une d'une API Rest et création d'un Back-office complet et entièrement sécurisé (Next Auth, JWT), > Développement d'une la boutique en ligne + Panier user + Paiements Paypal et CB + calcul des fraits de port... > Responsive design pour affichage adéquat sur tous les types d'écran (version optimisée sur smartphone). Pour ce client, je me suis également chargé de l'installation et de la configuration complète de l'application sur un serveur VPS. J'ai géré l'ensemble du déploiement, y compris la configuration du serveur (Nginx, certificat SSL, Node.js, PM2...) pour assurer une performance et une sécurité optimales.

Pour une entreprise de services informatiques axée sur l’infogérance et le conseil, j'ai conçu et développé un site web dynamique et moderne, en mettant l'accent sur l'accessibilité, l'efficacité et l'expérience utilisateur optimale : > Présentation professionnelle des services : Conception d'une interface utilisateur claire et intuitive, mettant en valeur les services proposés, tels que l'infogérance, la sécurité, le support, et les solutions cloud, pour répondre aux besoins des PME et TPE. > Fonctionnalité de contact optimisée : Création d'un formulaire de contact convivial et fonctionnel, permettant aux clients de facilement entrer en contact pour des demandes d'information ou des propositions commerciales. > Optimisation pour le référencement : Incorporation de balises méta et de données structurées pour améliorer la visibilité du site sur les moteurs de recherche et attirer un public plus large. Pour ce client, je me suis également chargé de l'installation et de la configuration complète de l'application sur un serveur VPS. J'ai géré l'ensemble du déploiement, y compris la configuration du serveur (Apache, certificat SSL, Node.js, PM2...) pour assurer une performance et une sécurité optimales.

Pour un photographe, j'ai conçu une application (web & mobile) de gestion et de partage de photos événementielle afin de lui permettre de proposer en direct à son public et ses clients le partage des ses shootings. Voici ce que j'ai réalisé : > Gestion des événements : Création et gestion d'événements personnalisés, permettant un stockage et un accès facile aux photos spécifiques de chaque événement, > Upload et stockage sécurisé : Une interface intuitive pour l'upload et le stockage des photos, garantissant que chaque moment capturé est conservé en toute sécurité et accessible, > Visualisation intuitive : Une galerie épurée permettant aux utilisateurs de visualiser, de sélectionner et de partager les moments qu'ils affectionnent, > Envoi de photos personnalisé : Intégration d'un système d'envoi d'e-mails fluide, permettant aux utilisateurs de partager aisément leurs souvenirs avec leur entourage, > Administration simplifiée : Une interface d'administration robuste pour une gestion sans effort des contenus et configurations. Pour ce client, je me suis par ailleurs chargé de l'installation de l'application (Front et Back) sur un VPS vierge que j'ai entièrement configuré, from scratch (Nginx, certificat SSL, Node.js, PM2...).

J'ai participé à l'internationalisation de la plateforme de l'association Giving What We Can pour créer la version française du nouveau site de Don Efficace, une ONG à but non lucratif destinée à financer des actions pour réduire la souffrance de tous les êtres sensibles (humains et non-humain) aussi efficacement que possible, directement ou indirectement. J'ai également mis à jour la partie marketing du site en utilisant Sanity, un CMS open-source headless écrit en JavaScript et conçu pour les développeurs.

798h de cours (socle technique / JavaScript côté serveur et côté client / spécialisation API et Data).

• Développement et mise en place de la ligne éditoriale des nouvelles sections du site web : Magazine, Repères, ARTCENA TV, • Création / réalisation de Podcasts (entretiens avec des artistes et professionnels du théâtre et des arts de la rue), • Alimentation de la section Vie Professionnelle du site web, • Coordination, enregistrement, rédaction d'articles et entretiens (papiers, audio, vidéo), • Élaboration de nouveaux formats audiovisuels pour la structure.

• Rédaction de sujets tendances, nouvelles technologies et développement personnel pour divers sites d'informations.

• Reportage, interviews, portrait dans les pages « Match Avenir » (futur, Internet, nouvelles technologies).

• Dossiers tendances, articles nouvelles technos (préparation / rédaction de l’intégralité du sujet de couverture en mars 2014 : « Comment devenir l’homme le plus cool du monde – sans se forcer ? »).

• Animation des conférences de rédaction (40 journalistes-pigistes), veille de l’actualité, définition des sujets à traiter, suivi des commandes d’articles, relectures / rewriting… • Reportages à l’étranger, rédaction de dossiers et des éditos. • Gestion des rédacteurs-journalistes, des maquettistes et de la fabrication. • Création des plans de communication, buzz Internet et relation avec les médias. • PDG, mandataire social et gestion des relations avec les actionnaires.

• Membre du groupe de travail « Culture et Médias 2030, prospective de politiques culturelles », rapport prospectif commandé par le Ministère de la Culture et de la Communication au cabinet d’études Futuribles.