initClub · 1ère Communauté Webflow Francophone

Updated 5 months ago

Gestion des customs code

At a glance

[Gestion des customs code]

Yo, comment vous gérer vos customs code sur vos projets ?
Je prod mon portfolio en ce moment et j'ai pas mal de code custom pour pleins de petites features un peu partout sur ma page : nav, footer, slider, faq ...

Vous êtes de la team :

  • 🧘Tous le code dans le before tag & Inside <head> tag
  • Et si ça comment vous le gérer ? Dans l'ordre logique de la page ? Avec 1 balise <script> ou non ?</li></ul><ul><li>💥 Balek c'est un peu partout sur ma page</li><li>🧡 Un mix des 2 suivant la situation</li><li>⁉ Ou autre situation</li></ul><br />Il y a la jurisprudence "component" où c'est intéressant d'avoir son code à côté de son élément.<br />Mais curieux de voir comment vous gérer les choses !</p>
1
S
B
N
24 comments

Perso les snippets globaux, je les mets dans le before du site

  • Les carousels qui se répètent (avec un if pour être sûr que c’est bien dans la page avant d’executer)
  • Les snippets GSAP, idem avec un if
  • Les snippets liés à la nav / footer
  • Les snippets qui font du taf sur les dates ou les petites bricoles

Le reste, quand c’est uniquement sur une page, je le mets soit dans le before de la page soit embed dans mon component pour pouvoir le c/c en prenant soin d’attendre que le DOM soit load

Team Developer Starter ici dès que possible (= cad client OK et comprend l’intérêt)

Et ensuite je mets le lien du jsdelivr dans le body de ma page (ou de mon projet si c’est sur toutes les pages ou presque)

Si c’est du CSS et que j’ai besoin de pouvoir le résultat dans le designer je créé un component temporaire avec le lien à l’intérieur (et je mets la ligne dans le <head> de la page aussi pour qu’en prod ça charge direct)

Très cool @Benoît ! J'ai pas franchi le pas encore du Developer Starter mais ça fait gagner beaucoup de temps en prod oui ! Et quand c'est live tu host ton fichier sur un github c'est bien ça ?

@Sébastien Wozny j'ai quasiment la même pratique. En face de prod j'ai tendance a avoir mon code au plus proche de l'élément pour éviter les allez / retour dans l'interface.

Tu leur file la main sur le fichier final @Benoît ?
Perso j’ai jamais osé leur proposer ça mais ça me chauffe bien

Yes le repo est carrément sur leur espace
Mais comme c’est du code ils prennent pas le risque de toucher

@Nicolas Tizio C’est hosté sur jsdelivr directement mais le repo est bien sur Github

Je bosse avec vscode direct et vitejs, mon code va sur github et tout ce passe en local le dev quand je veux push live j’envoie sur netlify

Je te conseil de faire le tuto de Théo pour le developer starter FS

Ouais moi c’est surtout l’étape “leur filer la main”, j’ai principalement des gars du marketing comme interlocuteur, si je leur file un repo github IMO ils se roulent par terre de douleur

Sinon à la fin tes bouts de code que tu penses utiles pour les marketer tu les met en com sur ton repo et tu le met sur ton body de webflow

Ben je fais ça pour tout en fait, quand j’ai terminé mon dev je replace tout dans le projet webflow

Mais je veux dire, j’utilise ça uniquement en phase de dev pour éviter de publish 882x par jour le site

Je vais tenter de leur filer la main pour voir, en vrai j’ai jamais essayé

Yes c’est de celui là que je parle! Tu peux sauter le premier épisode à mon avis

Moi je trouve pas l’intérêt à faire le FS Starter pour les projets, je trouve que la machine est trop grosse mais c’est très très bien

Pour mes projets en tout cas, et je suis pas un grand fan de Typescript

Sinon Slater en pre-prod mais jamais essayé non plus.

Ouais slater mais payant du coup, ou alors Codesandbox

En pre-prod c'est gratuit.

Mais t’as un nombre de projet limite il me semble non ?

maybe, c'est pas indiqué sur le pricing

Perso je mets que du JS sur Developer Starter, j’aime pas TypeScript donc c’est pas forcément un pré-requis

Add a reply
Sign up and join the conversation on Slack