<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Xavier</title>
    <description>The latest articles on DEV Community by Xavier (@xavier).</description>
    <link>https://dev.to/xavier</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F439256%2F9e114af0-c5fb-4f4e-83bd-3b13ae03936a.jpg</url>
      <title>DEV Community: Xavier</title>
      <link>https://dev.to/xavier</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/xavier"/>
    <language>en</language>
    <item>
      <title>Top 5 des meilleurs écrans pour le télétravail en 2025</title>
      <dc:creator>Xavier</dc:creator>
      <pubDate>Wed, 22 Jan 2025 07:53:08 +0000</pubDate>
      <link>https://dev.to/xavier/top-5-des-meilleurs-ecrans-pour-le-teletravail-en-2025-3001</link>
      <guid>https://dev.to/xavier/top-5-des-meilleurs-ecrans-pour-le-teletravail-en-2025-3001</guid>
      <description>&lt;p&gt;Le télétravail est devenu une norme pour beaucoup d'entre nous, et bien s'équiper est essentiel pour rester productif tout en préservant son confort. Parmi les outils indispensables, le choix d’un bon écran fait une vraie différence. Dans cet article, je partage avec vous &lt;strong&gt;les 5 meilleurs écrans pour le télétravail en 2025&lt;/strong&gt;, basés sur des critères qui comptent vraiment : ergonomie, connectivité, et qualité d’image. 🚀&lt;/p&gt;

&lt;p&gt;➡️ &lt;strong&gt;Pour lire l'article complet, rendez-vous ici : &lt;a href="https://remotefr.com/blog/meilleurs-ecrans-teletravail-2025" rel="noopener noreferrer"&gt;Les meilleurs écrans pour le télétravail en 2025&lt;/a&gt;&lt;/strong&gt;.  &lt;/p&gt;

&lt;h2&gt;
  
  
  🖥️ Les critères clés pour choisir un écran de télétravail
&lt;/h2&gt;

&lt;p&gt;Avant de découvrir la sélection, il est important de comprendre &lt;strong&gt;les éléments déterminants&lt;/strong&gt; pour un écran adapté au télétravail :&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Taille et résolution&lt;/strong&gt; : Un écran de 27 pouces en QHD (2560 x 1440) est le minimul pour afficher plusieurs fenêtres côte à côte sans encombrer votre bureau. Le top étant 32", incurvé et en 4K&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Ergonomie&lt;/strong&gt; : Préférez un écran réglable en hauteur et inclinable pour prévenir les douleurs musculaires.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Connectivité&lt;/strong&gt; : Les ports USB-C avec Power Delivery ou un hub USB intégré facilitent grandement la gestion des périphériques.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Fonctionnalités avancées&lt;/strong&gt; : Technologie anti-lumière bleue, capteurs de luminosité, et webcam intégrée sont des plus non négligeables.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  🔝 Les 5 meilleurs écrans pour le télétravail en 2025
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1️⃣ &lt;strong&gt;LG UltraFine 32UN880&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Points forts&lt;/strong&gt; : Dalle IPS 4K (3840 x 2160), bras ergonomique ajustable, port USB-C avec charge jusqu’à 90W.&lt;/li&gt;
&lt;li&gt;Idéal pour : Ceux qui recherchent à la fois &lt;strong&gt;qualité d’image&lt;/strong&gt; et &lt;strong&gt;confort ergonomique&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  2️⃣ &lt;strong&gt;Dell U2723QE&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Points forts&lt;/strong&gt; : Couverture 100% sRGB, hub USB-C avec RJ45, technologie ComfortView Plus pour réduire la lumière bleue.&lt;/li&gt;
&lt;li&gt;Idéal pour : Une configuration polyvalente et connectée.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  3️⃣ &lt;strong&gt;ASUS ProArt PA32UCX-PK&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Points forts&lt;/strong&gt; : Mini-LED 4K HDR, précision des couleurs exceptionnelle (Delta E &amp;lt; 1), couverture 100% DCI-P3.&lt;/li&gt;
&lt;li&gt;Idéal pour : Les professionnels de la &lt;strong&gt;création graphique&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  4️⃣ &lt;strong&gt;ViewSonic VP3268a-4K&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Points forts&lt;/strong&gt; : Dalle IPS 4K, capteur de luminosité ambiante, excellent rapport qualité-prix.&lt;/li&gt;
&lt;li&gt;Idéal pour : Un &lt;strong&gt;budget maîtrisé&lt;/strong&gt; sans sacrifier la performance.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  5️⃣ &lt;strong&gt;BenQ PD3200U&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Points forts&lt;/strong&gt; : Modes de travail préréglés (CAO/FAO, photo), KVM Switch intégré, ergonomie complète.&lt;/li&gt;
&lt;li&gt;Idéal pour : Les télétravailleurs aux &lt;strong&gt;besoins variés&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  💡 Optimiser l’utilisation de votre écran pour un télétravail efficace
&lt;/h2&gt;

&lt;p&gt;Un bon écran n’est qu’un début. Voici quelques conseils pour maximiser son impact :&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Positionnement&lt;/strong&gt; : Placez l’écran à 50-70 cm de vos yeux, avec le haut de l’écran à hauteur des yeux.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Éclairage&lt;/strong&gt; : Évitez les reflets en positionnant l’écran perpendiculairement aux fenêtres.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Réglages logiciels&lt;/strong&gt; : Activez le mode nuit ou le filtre lumière bleue pour réduire la fatigue oculaire.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  🚀 Le futur des écrans de télétravail
&lt;/h2&gt;

&lt;p&gt;Les innovations ne cessent de transformer nos espaces de travail : &lt;strong&gt;écrans flexibles&lt;/strong&gt;, &lt;strong&gt;capteurs intelligents&lt;/strong&gt; qui détectent la posture, ou encore des &lt;strong&gt;expériences immersives&lt;/strong&gt; grâce à la réalité augmentée. Le télétravail de demain promet d’être encore plus confortable et collaboratif.&lt;/p&gt;




&lt;h3&gt;
  
  
  Conclusion
&lt;/h3&gt;

&lt;p&gt;Un bon écran est un &lt;strong&gt;investissement rentable&lt;/strong&gt; pour améliorer votre productivité et préserver votre bien-être en télétravail. Que vous soyez créatif, développeur, ou simplement à la recherche de confort, il y a un écran pour vous dans cette sélection.&lt;/p&gt;

&lt;p&gt;➡️ &lt;strong&gt;Découvrez l'article complet ici : &lt;a href="https://remotefr.com/blog/meilleurs-ecrans-teletravail-2025" rel="noopener noreferrer"&gt;Les meilleurs écrans pour le télétravail en 2025&lt;/a&gt;&lt;/strong&gt;.  &lt;/p&gt;

&lt;p&gt;Si cet article vous a été utile, n’hésitez pas à le partager ou à poser vos questions en commentaire ! 😄  &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Et vous, quel écran utilisez-vous pour le télétravail ?&lt;/strong&gt; Partagez vos recommandations ou vos coups de cœur dans les commentaires ! 💬&lt;/p&gt;

</description>
      <category>télétravail</category>
      <category>productivity</category>
      <category>ergonomie</category>
      <category>remote</category>
    </item>
    <item>
      <title>L'annuaire des meilleurs boilerplates pour construire votre SaaS</title>
      <dc:creator>Xavier</dc:creator>
      <pubDate>Tue, 21 Jan 2025 19:42:48 +0000</pubDate>
      <link>https://dev.to/xavier/lannuaire-des-meilleurs-boilerplates-pour-construire-votre-saas-abo</link>
      <guid>https://dev.to/xavier/lannuaire-des-meilleurs-boilerplates-pour-construire-votre-saas-abo</guid>
      <description>&lt;p&gt;ous travaillez sur un projet de SaaS et cherchez un point de départ solide ? Plutôt que de partir de zéro, pourquoi ne pas utiliser un &lt;strong&gt;boilerplate&lt;/strong&gt; qui répond déjà à vos besoins techniques ?  &lt;/p&gt;

&lt;p&gt;👉 C'est exactement pour ça que &lt;strong&gt;&lt;a href="https://saasboilerplate.fr" rel="noopener noreferrer"&gt;SaaSBoilerplate.fr&lt;/a&gt;&lt;/strong&gt; existe : un &lt;strong&gt;annuaire en français&lt;/strong&gt; des meilleurs boilerplates pour construire votre SaaS efficacement.&lt;/p&gt;




&lt;h3&gt;
  
  
  🎯 Qu'est-ce que SaaSBoilerplate.fr ?
&lt;/h3&gt;

&lt;p&gt;SaaSBoilerplate.fr est une plateforme qui recense les &lt;strong&gt;meilleurs boilerplates&lt;/strong&gt; disponibles pour démarrer vos projets SaaS. Que vous soyez développeur, freelance ou une startup, cet outil vous aide à trouver la solution idéale pour :  &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Gagner du temps&lt;/li&gt;
&lt;li&gt;S'appuyer sur des bases solides&lt;/li&gt;
&lt;li&gt;Vous concentrer sur les fonctionnalités spécifiques à votre startup&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  📚 Que trouverez-vous sur SaaSBoilerplate.fr ?
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Une sélection organisée&lt;/strong&gt; : Des boilerplates testés et documentés, adaptés aux besoins des développeurs SaaS.
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Des technologies variées&lt;/strong&gt; : Que vous utilisiez &lt;strong&gt;Node.js&lt;/strong&gt;, &lt;strong&gt;Symfony&lt;/strong&gt;, &lt;strong&gt;Laravel&lt;/strong&gt;, &lt;strong&gt;Ruby on Rails&lt;/strong&gt;, ou d'autres frameworks, vous trouverez des solutions adaptées.
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Des descriptions claires&lt;/strong&gt; : Pour chaque boilerplate, vous avez un résumé des fonctionnalités, des cas d’usage, et des liens vers les documentations officielles.
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Des recommandations&lt;/strong&gt; : Trouvez le boilerplate qui convient le mieux à votre projet (authentification, abonnements, API, etc.).&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  🌟 Pourquoi utiliser SaaSBoilerplate.fr ?
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Gain de temps&lt;/strong&gt; : Plus besoin de chercher des heures sur GitHub ou Google, tout est centralisé.
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Boilerplates de qualité&lt;/strong&gt; : Chaque ressource est soigneusement sélectionnée et vérifiée.
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Focus sur vos besoins&lt;/strong&gt; : Filtrez par stack ou par type de fonctionnalité pour trouver rapidement ce qu'il vous faut.
&lt;/li&gt;
&lt;/ol&gt;




&lt;h3&gt;
  
  
  🎨 Pour qui ?
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Développeurs&lt;/strong&gt; qui veulent se concentrer sur la valeur ajoutée de leur projet.
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Freelances&lt;/strong&gt; à la recherche de solutions rapides et efficaces pour leurs clients.
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Entrepreneurs&lt;/strong&gt; qui veulent valider rapidement une idée de SaaS sans s'engager dans des mois de développement.
&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  🔗 Essayez SaaSBoilerplate.fr dès maintenant !
&lt;/h3&gt;

&lt;p&gt;Rendez-vous sur &lt;strong&gt;&lt;a href="https://saasboilerplate.fr" rel="noopener noreferrer"&gt;SaaSBoilerplate.fr&lt;/a&gt;&lt;/strong&gt; et découvrez les outils qui vous permettront de donner vie à vos idées SaaS.  &lt;/p&gt;

&lt;p&gt;Vous connaissez un boilerplate qui mérite d’être ajouté ? Ou vous avez un retour à partager ? N’hésitez pas à en discuter en commentaire ! 😊  &lt;/p&gt;




&lt;p&gt;👉 &lt;strong&gt;PS&lt;/strong&gt; : Quel framework ou stack utilisez-vous pour vos projets SaaS ? Je suis curieux de connaître vos préférences !  &lt;/p&gt;

</description>
    </item>
    <item>
      <title>6 tips to grow your twitter audience organically</title>
      <dc:creator>Xavier</dc:creator>
      <pubDate>Fri, 29 Jan 2021 15:13:53 +0000</pubDate>
      <link>https://dev.to/xavier/6-tips-to-grow-your-twitter-audience-organically-2cjk</link>
      <guid>https://dev.to/xavier/6-tips-to-grow-your-twitter-audience-organically-2cjk</guid>
      <description>&lt;p&gt;Twitter is a super-efficient tool to build an audience and get your first users for your product. It's free, easy to set up, and doesn't require too much engagement.&lt;br&gt;
In fact, having a big audience really helps you kickstart your startup. Your followers will help you to build the right feature, they will tell you if you're going in the wrong direction and they will promote you when you launch!&lt;/p&gt;

&lt;p&gt;I started to grow &lt;a href="https://twitter.com/angezanetti" rel="noopener noreferrer"&gt;my audience&lt;/a&gt; a few months ago, here is how I managed to grow my Twitter account to several thousand followers.&lt;/p&gt;

&lt;h2&gt;
  
  
  Choose a topic
&lt;/h2&gt;

&lt;p&gt;Choose a specific topic and stick to it. People visiting your profile need to understand what are you talking about.&lt;br&gt;
Of course, you can make some exceptions but 90% of your content need to be about this topic, that's how you will get engagement&lt;/p&gt;

&lt;h2&gt;
  
  
  Follow the influencers
&lt;/h2&gt;

&lt;p&gt;Once you have your niche identified, look for influencers in this particular topic. By influencers, I mean someone who has several thousand followers and who's regularly quote by others about it.&lt;br&gt;
Follow them and start interacting with them. Add as much value as you can in their comment.&lt;br&gt;
&lt;em&gt;Tip: Activate the notifications for every tweet of these influencers, and jump in the comments.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Make Friends
&lt;/h2&gt;

&lt;p&gt;One of the most underrated features of Twitter is the Direct Messages. You should use them as much as you can.&lt;br&gt;
Your content will be shown in priority to all the people you interacted with in DM, so use them as much as you can! Say thank you for the RT, start a conversation in public and make a follow-up in DM, even create some DM groups with other people.&lt;/p&gt;

&lt;h2&gt;
  
  
  Have a good Bio
&lt;/h2&gt;

&lt;p&gt;People should understand right away why they should follow you and what to expect if they do.&lt;br&gt;
Be super clear about it.&lt;br&gt;
Here is an example of a good bio:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fwww.dropbox.com%2Fs%2Fvgy127rdtq3778l%2FScreen%2520Shot%25202021-01-29%2520at%252010.08.47.png%3Fraw%3D1" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fwww.dropbox.com%2Fs%2Fvgy127rdtq3778l%2FScreen%2520Shot%25202021-01-29%2520at%252010.08.47.png%3Fraw%3D1" alt="Greg Isenberg twitter bio" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The avatar is recognizable and shows the face of the owner&lt;/li&gt;
&lt;li&gt;We understand right away why we should follow him&lt;/li&gt;
&lt;li&gt;He shows credibility in these topics by added his role (CEO &amp;amp; growth advisor)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;em&gt;Small tips: He uses his location as a call to action!&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Promote your Twitter!
&lt;/h2&gt;

&lt;p&gt;That is probably the most obvious point, but if you want to be followed people need to know that you have a twitter account!&lt;br&gt;
What you can do is creating a good piece of content, put a CTA at the end of the post that redirects to your Twitter, and distributes that content to &lt;a href="https://spreadtheworld.net" rel="noopener noreferrer"&gt;all the places&lt;/a&gt; that you know.&lt;/p&gt;

&lt;h2&gt;
  
  
  Be consistent
&lt;/h2&gt;

&lt;p&gt;Last point but not least, be consistent!&lt;/p&gt;

&lt;p&gt;You should spend at least 30 minutes each day on Twitter if you're serious about it. Create at least a tweet a day (threads get better engagement), participate in conversations, and follow-up in the DM.&lt;br&gt;
There is a big debate about the optimal number of tweets you should produce by day. I'd say tweet as much as you can (as long as you produce valuable content) but don't do less than one tweet a day. The more you create the better.&lt;/p&gt;

&lt;p&gt;If you want to follow my 6 products in 6 months challenge follow me on Twitter! I build/ship products and share all my learnings openly, and I tweet daily about launching strategy and indiehacking!&lt;br&gt;
→ &lt;a href="https://twitter.com/angezanetti" rel="noopener noreferrer"&gt;https://twitter.com/angezanetti&lt;/a&gt;&lt;/p&gt;

</description>
      <category>twitter</category>
    </item>
    <item>
      <title>I made a job board dedicated to full remote jobs for French devs</title>
      <dc:creator>Xavier</dc:creator>
      <pubDate>Thu, 14 Jan 2021 14:47:58 +0000</pubDate>
      <link>https://dev.to/xavier/i-made-a-job-board-dedicated-to-full-remote-jobs-for-french-devs-hj6</link>
      <guid>https://dev.to/xavier/i-made-a-job-board-dedicated-to-full-remote-jobs-for-french-devs-hj6</guid>
      <description>&lt;p&gt;It's called &lt;a href="https://remotefr.com/?utm_source=devto&amp;amp;utm_medium=web&amp;amp;utm_campaign=show" rel="noopener noreferrer"&gt;RemoteFR&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Problem:
&lt;/h2&gt;

&lt;p&gt;I've been a (French) developer for 10 years, and I always wanted to have a remote job. But, in France, that's super hard to find. Two reasons for this:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The France culture at work is very much about control. Being fully remote is hardly compatible with it&lt;/li&gt;
&lt;li&gt;The french devs aren't really aware of internationals opportunities (because of the language, but it's also probably cultural)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  My Solution:
&lt;/h2&gt;

&lt;p&gt;I created a job board with full remote jobs only and targeted to french-speaking devs only.&lt;br&gt;
I curate both french jobs and international ones and publish them on the website.&lt;/p&gt;

&lt;p&gt;I also created a mailing list where you can subscribe to a get weekly summary of all the jobs that matched your criteria.&lt;/p&gt;

&lt;p&gt;My main objective here is to grow the audience of Remotefr, I started to post the job offer on &lt;a href="https://twitter.com/remotefr" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt; to see if I can get some traction from it.&lt;/p&gt;

&lt;p&gt;Once my audience will be big enough I'll monetize the job posting, so it'll remain free for developers. &lt;/p&gt;

&lt;p&gt;What do you think of it? &lt;/p&gt;

</description>
      <category>showdev</category>
      <category>startup</category>
    </item>
    <item>
      <title>How to create your blog with Gohugo and Netlify</title>
      <dc:creator>Xavier</dc:creator>
      <pubDate>Thu, 14 Jan 2021 14:31:07 +0000</pubDate>
      <link>https://dev.to/xavier/how-to-create-your-blog-with-gohugo-and-netlify-l3c</link>
      <guid>https://dev.to/xavier/how-to-create-your-blog-with-gohugo-and-netlify-l3c</guid>
      <description>&lt;p&gt;We all know that content marketing and SEO are the real winners when you want&lt;br&gt;
to get some traffic in the long term. But it always sounds super complicated,&lt;br&gt;
set up a blog, work on the SEO, pushes some content, etc…&lt;/p&gt;

&lt;p&gt;For the last 2 years, I found a solution that really fits my needs and allows me&lt;br&gt;
to have a blazing fast blog with no maintenance, good SEO performance and easy&lt;br&gt;
to set up. It takes 30 minutes total and it's free of charge.&lt;/p&gt;

&lt;p&gt;I basically use it for every blog I own, like this one but also for my professional blogs (&lt;a href="https://blog.remotefr.com" rel="noopener noreferrer"&gt;job board&lt;/a&gt; and &lt;a href="https://blog.spreadtheworld.net" rel="noopener noreferrer"&gt;launching strategy&lt;/a&gt;).&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Disclaimer: You need to know how to use Git/Github for this method. And you&lt;br&gt;
also need to be OK with using the terminal&lt;/em&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  A static site generator
&lt;/h2&gt;

&lt;p&gt;The easiest way to publish content is to create some basic HTML files, without&lt;br&gt;
any server interaction. A static site generator lets you write your article&lt;br&gt;
offline and will generate all the HTML files afterward. All you need to do is&lt;br&gt;
take these files and put them on a webserver. &lt;br&gt;
There is plenty of SSG, I choose &lt;a href="https://gohugo.io/" rel="noopener noreferrer"&gt;Hugo&lt;/a&gt; a few years ago&lt;br&gt;
because it's one of the faster and because the community is huge - that's super&lt;br&gt;
useful for plugins or themes.&lt;/p&gt;

&lt;p&gt;Let's see how to install Hugo and create your blog:&lt;/p&gt;
&lt;h3&gt;
  
  
  Install
&lt;/h3&gt;

&lt;p&gt;First, you'll need to install it on your computer (remember, everything is done&lt;br&gt;
offline)&lt;br&gt;
I'm running a MacOS so all I need to do is: &lt;/p&gt;

&lt;p&gt;&lt;code&gt;brew install hugo&lt;/code&gt; &lt;br&gt;
&lt;em&gt;If you have another OS check their &lt;a href="https://gohugo.io/getting-started/installing" rel="noopener noreferrer"&gt;install&lt;br&gt;
doc&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Then, create a new site: &lt;/p&gt;

&lt;p&gt;&lt;code&gt;hugo new site myblog&lt;/code&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  A SEO friendly theme
&lt;/h3&gt;

&lt;p&gt;Most of us create a blog to get some traffic, to improve our SEO. The very&lt;br&gt;
important tip here is to be super cautious of your theme choice.&lt;br&gt;
What I do is: &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Choosing a theme based on the functionality/appearance. &lt;/li&gt;
&lt;li&gt;Open the demo with Chrome&lt;/li&gt;
&lt;li&gt;Check the SEO score on LightHouse. &lt;/li&gt;
&lt;li&gt;Good themes has 90, 95/100 on Lighthouse. &lt;strong&gt;DO NOT USE OTHERS&lt;/strong&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;If you really want a theme with a bad SEO score, you can fork it and make the&lt;br&gt;
modification on your own repo. That's what I made for my &lt;a href="https://github.com/angezanetti/hugo-log" rel="noopener noreferrer"&gt;theme&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Once you choose your theme, let's add it to your blog:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;cd quickstart
git init
git submodule add https://github.com/angezanetti/hugo-log themes/hugo-log
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Then, last step, update the config file: &lt;/p&gt;

&lt;p&gt;&lt;code&gt;echo 'theme = "hugo-log"' &amp;gt;&amp;gt; config.toml&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Make sure to check the configuration file of the theme, especially for a theme SEO focused, you'll have some extra&lt;br&gt;
infos to fill. &lt;/p&gt;

&lt;p&gt;And that's it, you configured your new blog!&lt;/p&gt;
&lt;h3&gt;
  
  
  Create some content
&lt;/h3&gt;

&lt;p&gt;To create a new post we run: &lt;/p&gt;

&lt;p&gt;&lt;code&gt;hugo new posts/my-first-post.md&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;That will generate a new markdown file, open it, and start writing. On the top&lt;br&gt;
of the markdown file you should find something like:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;---
title: "My First Post"
date: 2019-03-26T08:47:11+01:00
draft: true
description: "my desc is awesome"
toc: false
images:
tags: 
  - tag1
  - tag2
  - ...
---
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;That's the metadata of your post, as well as the status of it. &lt;code&gt;draft: true&lt;/code&gt;&lt;br&gt;
means that the post is a WIP and won't be posted to the production version. &lt;br&gt;
Now, we'll "build" the blog to see how it will show once online: &lt;/p&gt;

&lt;p&gt;&lt;code&gt;hugo server -D&lt;/code&gt; &lt;em&gt;-D is for development&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Open &lt;code&gt;localhost:1313&lt;/code&gt; and you'll see the first version of your blog!&lt;/p&gt;

&lt;p&gt;Let's see how we can publish it now. &lt;/p&gt;
&lt;h2&gt;
  
  
  Publish your blog for free
&lt;/h2&gt;

&lt;p&gt;The big advantage of having static files only is: it's super easy (and cheap)&lt;br&gt;
to host. We'll do it with  &lt;a href="https://www.netlify.com/" rel="noopener noreferrer"&gt;Netlify&lt;/a&gt;. The Starter plan is free and more than&lt;br&gt;
enough for most of our blogs. You can create as many website as you want, as&lt;br&gt;
soon as your traffic doesn't exceed 100Gb(!). &lt;/p&gt;

&lt;p&gt;So first, create an account on app.netlify.com, then it will ask you to connect&lt;br&gt;
your GitHub/Gitlab account to it (push your blog to it beforehand). &lt;/p&gt;

&lt;p&gt;To create a new site, Select &lt;code&gt;New site from git.&lt;/code&gt;, select your blog repository&lt;br&gt;
and try to build it. &lt;/p&gt;

&lt;p&gt;It should fail! Because we need to tell to Netlify how to build our blog, just&lt;br&gt;
add this file to the root of your project:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;[build]
publish = "public"
command = "hugo --gc --minify"

[context.production.environment]
HUGO_VERSION = "0.55.6"
HUGO_ENV = "production"
HUGO_ENABLEGITINFO = "true"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Now, try to build it again and you should be good!&lt;/p&gt;

&lt;p&gt;You can now set up a (sub)domain for it, Netlify also provide you a&lt;br&gt;
SSL certificate (for free). &lt;/p&gt;

&lt;p&gt;And that's it! You now have a brand new blog, super-fast, resilient, no&lt;br&gt;
maintenance and for free!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;→ If you want more tips about indiehacking follow me on &lt;a href="https://twitter.com/angezanetti" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>gohugo</category>
      <category>netlify</category>
    </item>
    <item>
      <title>I built a logo maker!</title>
      <dc:creator>Xavier</dc:creator>
      <pubDate>Thu, 23 Jul 2020 19:28:41 +0000</pubDate>
      <link>https://dev.to/xavier/i-built-a-logo-maker-262j</link>
      <guid>https://dev.to/xavier/i-built-a-logo-maker-262j</guid>
      <description>&lt;p&gt;As a developer, we all know that DESIGN IS HARD!&lt;/p&gt;

&lt;p&gt;I've been building apps and websites for the last 10yrs+ and every time I was struggling with the branding parts. I can handle the UX, but, damn, the UI is always painful!&lt;/p&gt;

&lt;p&gt;I met Lucie &amp;amp; Dagobert a year ago and we created Logology. It's a logo maker. The main difference between all the others is that every design has been made by Lucie. No random generation based on free icons libs. She designs everything before-hand!&lt;/p&gt;

&lt;p&gt;In a few minutes you have a whole branding package to put on your projects. You just have to answer the branding survey, customize our logos proposals and you can go with CSS!&lt;/p&gt;

&lt;p&gt;I'm pretty excited to show it to you guys! Let me know your feedback!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://logology.co" rel="noopener noreferrer"&gt;https://logology.co&lt;/a&gt;&lt;/p&gt;

</description>
      <category>startup</category>
      <category>design</category>
      <category>showdev</category>
    </item>
  </channel>
</rss>
