This repository has been archived by the owner on Mar 6, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
4 changed files
with
147 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,74 @@ | ||
--- | ||
id: "36" | ||
title: "Lancement de Bloggr" | ||
description: "Un template de blog personnel pour Blog pour démarrer rapidement" | ||
tags: [] | ||
date: "2024-02-19" | ||
cover: "/launch-bloggr/bloggr.png" | ||
|
||
language: "fr" | ||
alternates: | ||
- en: "/en/2024/02/launch-bloggr" | ||
|
||
--- | ||
|
||
|
||
J'écris des articles de blog depuis 2006. Je suis passé par du wordpress auto-hébergé, du wordpress en SAAS, medium, joomla (vi...) et j'ai fini par basculer sur un générateur de blog statique fait avec Nuxt-content. | ||
|
||
Je vous propose de bénéficier de mon expérience et de mon travail en utilisant [Bloggr](https://github.com/hlassiege/bloggr) pour faire de même. | ||
|
||
J'ai [pris cette décision de migrer sur nuxt-content en 2022](https://eventuallycoding.com/2022/11/blog-migration-on-nuxt) et je ne regrette absolument pas ce choix. | ||
|
||
Après 2 ans d'usage, j'adore : | ||
- :white_check_mark: la **flexibilité** que j'ai sur la mise en page. J'ai changé déjà plusieurs fois mon contenu, ajoutant le multilangue en 2023 par exemple. | ||
- :white_check_mark: le **cout**. Je paie uniquement le cout du système de commentaire (5€/mois) et le nom de domaine, tout le reste est gratuit. | ||
- :white_check_mark: l'**impact carbone**. Héberger des pages statiques consomme moins de ressources qu'un process permanent qui écoute des requêtes HTTP. | ||
- :white_check_mark: le **terrain de jeu** qu'il représente pour moi. Je suis développeur backend à l'origine mais ce blog m'a permis de faire beaucoup de veille sur les technos front (tailwind, nuxt, les outils de builds, netlify etc...) | ||
|
||
Mais je sais par expérience que **parfois, c'est plutot pénible de démarrer avec ces outils**. | ||
Que ce soit Next.js, Hugo, Gatsby, Nuxt-content, Gridsome, Jekyll etc. mettre le pied à l'étrier et créer une application de blog complète peut prendre du temps pour tout assembler. | ||
|
||
Déjà, je vous déconseille les outils qui n'utilisent pas le templating en markdown (ou asciidoc) mais ensuite il vous faut : | ||
|
||
- configurer proprement les outils de syntax highlighting, de markdown | ||
- un flux RSS | ||
- un sitemap | ||
- un fichier robots.txt | ||
- un système de commentaire | ||
- la gestion des tables de matières | ||
- des boutons de partage | ||
- de l'analytics | ||
- un design responsive correct (sans être soit-même spécialiste front) | ||
- tout les petits tricks qui garantissent un SEO correct (les bonnes meta, twitter cards, open graph, les perfs google speed etc...) | ||
- un système de newsletter | ||
|
||
Et par expérience, assembler tout cela, même pour un dev, c'est facilement **plusieurs heures ou jours de travail**. | ||
|
||
Ca tombe bien, j'ai pas mal bossé sur mon propre blog et je vous propose de profiter du temps que j'y ai passé. | ||
Je viens de sortir [Bloggr](https://github.com/hlassiege/bloggr) qui est un template de blog construit au-dessus de Nuxt. Vous pouvez l'utiliser tel quel pour bénéficier de toutes les fonctionnalités ci-dessus. | ||
|
||
::nuxt-image{src="/images/launch-bloggr/bloggr-500x268.png" alt="Bloggr home page"} | ||
:: | ||
|
||
Vous pouvez en voir une version de démo sur [bloggr.eventuallycoding.com](https://bloggr.eventuallycoding.com/). | ||
|
||
J'ai créé cette application de blog car je sais à quel point il est **fastidieux** d'assembler toutes les briques nécessaires pour avoir un blog efficace sur le plan du référencement, avec un design propre, accessible, responsive, avec des fonctionnalités déjà intégrées (système de commentaires, flux rss, newsletter, sitemap etc...). | ||
|
||
Tout ce travail, qui peut prendre des jours, je vous l'épargne - **et c'est gratuit**. | ||
|
||
Cependant, si vous considérez que vous avez vraiment gagné du temps avec ce template, pour votre propre blog ou pour votre apprentissage de Nuxt, vous pouvez envisager de soutenir ce travail. C'est facultatif, mais ce sera très apprécié. | ||
|
||
La première option consiste à m'offrir un [café virtuel](https://www.buymeacoffee.com/hlassiege) représentant la valeur du temps que vous avez gagné. | ||
|
||
[![Buy me a coffee](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/hlassiege) | ||
|
||
Mais vous pouvez aussi contribuer de bien d'autres manières : | ||
|
||
* en parlant de ce projet sur les réseaux sociaux, sur votre blog, avec vos collègues. | ||
* en donnant une étoile à ce projet sur github | ||
* en contribuant au projet open source pour l'améliorer | ||
|
||
À savoir que 10% des bénéfices seront reversés à la [fondation Unicef](https://www.unicef.org/), une organisation qui aide les enfants en difficulté dans le monde entier. | ||
|
||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,73 @@ | ||
--- | ||
id: "36" | ||
title: "Launching Bloggr" | ||
description: "A personal blog template for Bloggr to get started quickly" | ||
tags: [] | ||
date: "2024-02-19" | ||
cover: "/launch-bloggr/bloggr.png" | ||
|
||
language: "en" | ||
alternates: | ||
- fr: "/2024/02/launch-bloggr" | ||
--- | ||
|
||
|
||
I've been writing blog posts since 2006. I've gone through self-hosted wordpress, SAAS wordpress, medium, joomla (yep...) and finally switched to a static blog generator made with Nuxt-content. | ||
|
||
You can benefit from my experience and work by using [Bloggr](https://github.com/hlassiege/bloggr) to do the same. | ||
|
||
I made this decision to migrate to nuxt-content in 2022, and I have absolutely no regrets about this choice. | ||
|
||
After 2 years of use, I love: | ||
- :white_check_mark: the **flexibility** I have over the layout. I've already changed my content several times, adding multilanguage in 2023 for example. | ||
- :white_check_mark: the **cost**. I only pay the cost of the comment system (5€/month) and the domain name, everything else is free. | ||
- :white_check_mark: the **carbon footprint**. Hosting static pages consumes fewer resources than a permanent process that listens to HTTP requests. | ||
- :white_check_mark: the **playground** it represents for me. I'm originally a backend developer, but this blog has enabled me to keep a close eye on front-end technologies (tailwind, nuxt, build tools, netlify etc...). | ||
|
||
But I know from experience that **sometimes, it's pretty painful to get started with these tools**. | ||
Whether it's Next.js, Hugo, Gatsby, Nuxt-content, Gridsome, Jekyll etc., getting your foot in the door and creating a complete blog application can take time to assemble. | ||
|
||
First of all, I wouldn't recommend tools that don't use markdown templating (or asciidoc), but then you'll need : | ||
|
||
- properly configure syntax highlighting and markdown tools | ||
- an RSS feed | ||
- a sitemap | ||
- a robots.txt file | ||
- a commenting system | ||
- table of contents management | ||
- share buttons | ||
- analytics | ||
- correct responsive design (without having to be a front-end specialist) | ||
- all the little tricks that guarantee correct SEO (good meta, twitter cards, open graph, google speed perfs etc...) | ||
- a newsletter system | ||
|
||
And in my experience, putting all this together, even for a dev, is easily **several hours or days of work**. | ||
|
||
It's a good thing I've been working on my own blog, and I'd like you to take advantage of the time I've spent on it. | ||
I've just released [Bloggr](https://github.com/hlassiege/bloggr) which is a blog template built on top of Nuxt. You can use it as is to benefit from all the above features. | ||
|
||
::nuxt-image{src="/images/launch-bloggr/bloggr-500x268.png" alt="Bloggr home page"} | ||
:: | ||
|
||
You can see a demo version at [bloggr.eventuallycoding.com](https://bloggr.eventuallycoding.com/). | ||
|
||
I created this blog application because I know how **fastidious** it is to assemble all the bricks needed to have an SEO-efficient blog, with a clean, accessible, responsive design, with features already integrated (comment system, rss feed, newsletter, sitemap etc...). | ||
|
||
All this work, which can take days, I'll spare you - **and it's free**. | ||
|
||
However, if you consider that you've really saved time with this template, for your own blog or for your learning of Nuxt, you might consider supporting this work. It's optional, but it will be much appreciated. | ||
|
||
The first option is to offer me a [virtual coffee](https://www.buymeacoffee.com/hlassiege) representing the value of the time you've saved. | ||
|
||
[![Buy me a coffee](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/hlassiege) | ||
|
||
But you can also contribute in other ways: | ||
|
||
* by talking about this project on social networks, on your blog, with your colleagues. | ||
* by giving this project a star on github | ||
* by contributing to the open source project to improve it | ||
|
||
Please note that 10% of all profits will be donated to the [Unicef Foundation](https://www.unicef.org/), an organization that helps children in need around the world. | ||
|
||
|
||
|
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.