Se connecter Rejoindre
Rejoins ma Newsletter

Et reçois un max de valeur Gratuitement !

Salut c’est Tim,

J'espère que vous avez passé une bonne semaine, pour ma part c'était une semaine de changements. J'ai en quelque sorte commencé un nouveau job en intégrant les équipes existantes de mon associé dans la partie market de son entreprise. Pour l’instant, j’y ai principalement fait du motion design.

Si vous voulez, racontez-moi vos semaines en répondant à cet email, hâte de lire vos réponses !

Découvertes

Ce que j’ai appris / découvert cette semaine.

Extension VSCode pour les dossiers

Quand vos projets commencent à grossir, beaucoup de dossiers peuvent être ouverts dans l'explorateur de votre éditeur de code et il devient alors long et fastidieux de tous les fermer un par un proprement lorsque l'on ne navigue plus dedans, alors cela devient très vite assez bordélique.

L'extension "Auto-Collapse Explorer" disponible sur Visual Studio Code (et Cursor du coup), vous permet de fermer automatiquement les dossiers inutilisés. Ainsi, seulement les dossiers contenant le fichier que vous éditez actuellement restent ouverts, rendant votre expérience beaucoup plus fluide et claire.

Ma nouvelle Stack préférée

La "stack technique" est le nom souvent utilisé pour représenter l'ensemble des outils que vous utilisez pour développer une application.

Pour ma part elle a beaucoup évolué ces derniers temps avec les découvertes et apprentissages que j'ai faits au fur et à mesure de mon parcours de développeur.

Voici celle que j'ai mise en place pour mon dernier projet et que je compte conserver sur le long terme :

  • Framework Frontend / Backend : Svelte / SvelteKIT / Node JS
  • Base de données : MySQL + Kysely + TypeScript
  • UX / UI / CSS : Tailwind / Shadcn Svelte
  • Icônes : Lucide Icons
  • Authentification : Lucia Auth + Bcrypt (hachage des mots de passes)
  • Service d'e-mailing (transactionnel et marketing) : Resend
  • Hébergement (🇫🇷) : Clever Cloud ou Scaleway
  • Système de serveur Web / SSL (pour HTTPS) : Caddy

Mes outils et logiciels préférés

Au niveau des outils que j'utilise au quotidien et qui m'aident dans le développement et mes projets, la liste est longue !

  • CURSOR : Éditeur de code boosté avec l'autocomplétion et les agents IA pour coder beaucoup plus vite
    • Avec le modèle Claude 3.7 Sonnet (le meilleur actuel pour cette tâche)
    • Avec des extensions
      • Auto-Collapse Explorer (ce dont j'ai parlé juste au dessus)
      • Git Graph (apparaît en bas à droite, hyper efficace pour suivre les commits et voir visuellement les branches)
      • Gitmoji (permet d'ajouter un emoji facilement à chaque commit, c'est cool pratique et agréable pour la personne qui review)
      • Rainbow CSV (indispensable si vous travaillez avec ce type de fichiers, ça permet d'ajouter des couleurs pour comprendre le fichier et les colonnes)
      • VSCODE-ICONS (améliore l'expérience développeur en sachant directement quel type de fichier est créé grâce à des icônes dans l'explorateur)
      • Prettier (pour réorganiser automatiquement le code à l'enregistrement, c'est super pratique)
      • Svelte for VS Code (obligatoire pour svelte lol)
  • Github : Indispensable et gratuit avec GIT pour le code avec versionning, commits etc.
  • IA pour créer des maquettes d'applications en 5 min (ultra efficace) :
    • Vercel V0
    • Bolt.new
    • Lovable.dev
  • Termius : Client SSH, permet de se connecter à une serveur à distance, l'outil est top !
  • Postman : Pour tester et créer des API et construire des requêtes facilement.
  • ClaudeAI : Ils ont les meilleurs modèles selon moi, c'est intégré à mon éditeur de code mais je l'utilise aussi en Webapp.
  • ChatGPT Pro : Toujours hyper UTILE, j'hésite simplement à passer l'abonnement sur Claude mais bon ici c'est une valeur sûre.
  • Bear Notes : Disponible uniquement sur Apple, la meilleur application de prise de note que j'ai trouvée, je l'utilise pour toutes mes todos notamment.
  • Planka : Alternative auto hébergée, open source et gratuite à Trello, pratique pour bosser à plusieurs sur un projet.
  • Mattermost : Alternative gratuite et auto hébergée à Slack ou Discord
  • N8N : Automatisations illimitées gratuites en auto hébergement (meilleure alternative à Make et Zappier)
  • Adobe Creative Cloud : La meilleure suite d'outils créatifs, j'utilise notamment Première Pro pour le montage vidéo, Photoshop pour mes miniatures, Audition pour mes enregistrements audio (souvent voix off), After Effects pour le motion design et Illustrator pour les illustrations (vous n'auriez pas pu deviner !).
  • Mister Horse : Animation Composer et Première Composer, c'est quasiment de la triche pour monter des vidéos et faire du motion design tellement c'est pratique.
  • MindNode : pour faire des cartes mentales.
  • Raycast : barre de commande améliorée pour Mac.
  • Parsec : contrôle d'ordinateur à distance ultra efficace et performant (fait pour le jeu vidéo à la base).
  • FL Studio : pour des petites compositions musicales de temps en temps.
  • Color Picker : une app sur Mac qui permet notamment de trouver le code héxadécimal d'une couleur à l'écran.
  • Icon Set Creator : Indispensable quand vous préparez un logo pour une application mobile.
  • Session : appli Mac au top quand vous voulez utiliser la méthode pomodoro.
  • VLC : lire n'importe quel fichier vidéo
  • Handbrake : convertir et compresser des fichiers vidéos (basé sur FFMpeg)
  • OBS : pour enregistrer mon écran et la caméra de mon iPhone en même temps, je tourne 80% de mes vidéos avec.
  • Rectangle : améliorer nettement la gestion des fenêtres sur Mac
  • Cold Turkey Blocker : un vrai système pour virer les distractions lorsque vous n'en voulez pas.
  • Opal : pareil que le précédent mais sur iPhone
  • Beeper : agrégateur de messageries pour éviter d'aller sur les réseaux
  • Notion : je l'utilise souvent pour des tests comme petit CRM / base de données ultra simple à mettre en place avec des automatisations
  • Spark : à la fois sur le tel et le Mac, le meilleure app de messagerie
  • Pushover : moyen le plus simple pour recevoir des notifications via API (pas cher)
  • Ghost : pour créer un blog XD
  • Tiime : solution de facturation simple, efficace et gratuite pour les indépendants
  • Plausible : système d'analytics simple pour traquer ses sites et applications, open source, gratuit et auto hébergé
  • Mini outils utiles pour le motion design :
    • Convertir un SVG en PNG : svgviewer.dev/svg-to-png
    • Virer un Watermark (filigrane) : watermarkremover.io/fr/upload
    • Vectoriser une image (résolution infinie) : vectorizer.com/fr/
    • Retirer un arrière plan (ultra efficace) : photoroom.com/tools/background-remover
    • Améliorer la qualité d'une image (upscale) : imgupscaler.com/
    • Animer une image avec IA (pour s'imaginer) : hailuoai.video/create
  • Extensions chrome :
    • SimilarWeb : estimer le traffic et sa source d'un site internet
    • Wappalyzer : découvrir la stack technique utilisée pour un site ou une application Web (trop trop bien)
    • Sponsorblock : virer les parties sponsorisées des vidéos pour gagner beaucoup de tempsNews Feed Eradicator : permet de virer quelques distractions et ne pas laisser les réseaux sociaux décider à ta place ce que tu dois voir.
    • TubeBuddy / VidIQ : pour optimiser ses vidéos youtube, trouver des tags etc...

Résultats

Voici les résultats de la semaine !

Youtube

  • 1,1K Vues (-5%* j'ai sorti moins de vidéos 🤷‍♂️)
  • 89,8 Heures de visionnage (+32%* la vidéo de 1h sur SQL commence à bien prendre)
  • 21 abonnés (+17%*)

Blog

  • 49 visites (-44%* ça dépend aussi du nombre de vidéos sorties 🤷‍♂️)
  • 3m32 de temps de visite moyen (-52%* ça redevient un peu normal lol)
  • 6 abonnés liste email (-25%* c'est ok mais j'aimerais vraiment améliorer ça)

*par rapport à la semaine dernière

Projets

Tim Tiret

Cette semaine, ce sont 3 nouvelles vidéos YouTube (en comptant le podcast) et 2 articles de blog qui ont été publiés !

Vidéos

Articles

C'est le petit projet du weekend (qui va certainement durer plus longtemps vu son potentiel).

J'ai eu l'idée semaine dernière et me suis demandé pourquoi ça n'existait pas alors que c'est génial. L'idée est de baser ses AB tests sur un lien qui fait des redirections aléatoires, voici le process :

  • Vous créez plusieurs versions de votre page
  • Vous ajoutez les différentes URL dans les destinations
  • Vous partagez ou ajoutez à votre funnel le lien réduit fourni par l'outil
  • Vous analysez les différences de performances entre les pages (avec votre outil d'analytics préféré ou avec un nouveau lien AB Link avant la "Thank You Page" par exemple).

Je travaille actuellement sur l'API et le système de paiements mais il y aura de toute façon une version gratuite que vous pouvez tester dès maintenant sur ablink.io !

Votil

C’est un logiciel de vote électronique pour les écoles primaires sur lequel je bosse avec mon papa.

Cette semaine j'ai ajouté un assistant pour lancer l'élection qui permet de vérifier les listes, générer les clés de dépouillement etc. C'est un bon avancement dans la V2 de cet outil, je suis content.

Conclusion

Merci pour votre lecture, j’espère que cela vous a été utile.

N’hésitez pas à transférer cette newsletter ou le lien ci-dessous aux personnes qui selon vous auraient aimé recevoir cette lettre.

retl.me/5hg36

À très bientôt !

PS : Cette newsletter a été rédigée par un humain (sans IA, sauf pour corriger les fautes j’avoue…)

Mes outils et logiciels préférés - Newsletter #2