{
 "url": "https://11d.im/journal/10-jours-six-photos/",
 "published": "Wed Jul 28 2021 21:43:04 GMT+0200 (Central European Summer Time)",
 "updated": "Tue Oct 08 2024 00:09:56 GMT+0200 (Central European Summer Time)",
 "author": {
  "name": "tk",
  "url": "https://11d.im"
 },
 "content": "<section>\n<p>Au d\u00e9part, je voulais un nouvel objectif pour faire de la <a href=\"https://11d.im/notices/streetphotography\">street photography</a> puis je me suis retrouv\u00e9 \u00e0 acheter un appareil (cette partie de l\u2019histoire dans un autre \u00e9pisode) et donc tr\u00e8s logiquement, je me suis retrouv\u00e9 \u00e0 faire un site web pour partager des photos \u00e0 des proches parce que j\u2019en ai marre d\u2019instagram et que flickr, \u00e7a fait quand m\u00eame bizarre d\u2019y revenir. Ces deux points \u00e9galement une histoire pour une autre fois mais en attendant quelque <em>assorted musings</em> \u00e0 propos de la construction du site.</p>\n<p>J\u2019avais envie de voir jusqu\u2019o\u00f9 je peux aller en mode <s>no code</s> low code et surtout sans avoir \u00e0 g\u00e9rer un serveur web.</p>\n</section>\n<section>\n<div class=\"section-link\">\n<a class=\"no-tufte-underline\" href=\"https://11d.im/journal/10-jours-six-photos/#astro\"></a><h2 id=\"astro\" tabindex=\"-1\"><a href=\"https://astro.build\">Astro</a></h2>\n</div>\n<ul>\n<li>Super fun !</li>\n<li>Rapide.</li>\n<li>Pratique.</li>\n<li>Enl\u00e8ve la complexit\u00e9 de la plupart des machins en javascript contemporain. On revient aux bases : du html, du css et un petit de scripting pour construire des collections ou faciliter la repr\u00e9sentation.</li>\n<li>L'augmentation progressive avec Vue \u00e9tait marrante au d\u00e9part mais je suis vite revenu \u00e0 faire le maximum avec des <code>.astro</code>.</li>\n<li>J\u2019ai utilis\u00e9 <a href=\"https://tailwindcss.com/\">tailwind</a> pour voir. J'ai trouv\u00e9 \u00e7a chouette. C'est quelque part entre <a href=\"https://getbootstrap.com/\">bootstrap</a> et <a href=\"http://tachyons.io/\">tachyon</a>.</li>\n<li>Par habitude, pour le layout <em>\u00e0 la pinterest</em>, j\u2019avais commenc\u00e9 \u00e0 faire de choses avec <a href=\"https://masonry.desandro.com/\">masonry</a> mais en cherchant quelque chose de plus responsive, je suis tomb\u00e9 sur <a href=\"https://muuri.dev/\">muuri</a>. Je recommande, c'est de la balle, aussi simple \u00e0 utiliser et mille fois plus pratique.</li>\n</ul>\n</section>\n<section>\n<div class=\"section-link\">\n<a class=\"no-tufte-underline\" href=\"https://11d.im/journal/10-jours-six-photos/#netlify\"></a><h2 id=\"netlify\" tabindex=\"-1\">Netlify</h2>\n</div>\n<ul>\n<li><a href=\"https://docs.netlify.com/visitor-access/identity/\">Netlify Identity</a> est bien pratique pour prototyper et d\u00e9buter un service web sans se prendre la t\u00eate.\n<ul>\n<li>Il y a quelques soucis avec le d\u00e9veloppement local et <a href=\"https://www.netlify.com/products/dev/\">Netlify Dev</a> <span aria-hidden=\"true\" class=\"emoji emoji--shrug\">\ud83e\udd37</span>\u200d\u2642\ufe0f</li>\n</ul>\n</li>\n<li>J\u2019avais commenc\u00e9 avec du Large Media mais je suis vite pass\u00e9 \u00e0 <a href=\"https://www.scaleway.com/en/object-storage/\">Object Storage chez Scaleway</a>. \u00c7a se combine tr\u00e8s bien avec <a href=\"https://www.netlify.com/products/functions/\">Netlify Functions</a>.</li>\n</ul>\n</section>\n<section>\n<div class=\"section-link\">\n<a class=\"no-tufte-underline\" href=\"https://11d.im/journal/10-jours-six-photos/#airtable-comme-backend\"></a><h2 id=\"airtable-comme-backend\" tabindex=\"-1\">Airtable comme backend</h2>\n</div>\n<ul>\n<li>C\u2019\u00e9tait bien au d\u00e9but mais le rate limiting \u00e0 5 requ\u00eates par seconde est vite devenu p\u00e9nible et j\u2019ai fini par devoir passer par un CDN tiers ainsi des contorsions informatiques plut\u00f4t moches.</li>\n<li>Il y a plein de trucs que j\u2019aurai pu faire avec des fonctions sur netlify mais qui sont en fait devenu des bouts de script et des automations dans airtable.</li>\n<li>Apr\u00e8s un benchmark rapide des <a href=\"https://jamstack.org/headless-cms/\">headless CMS</a>, un gestionnaire de contenu sans site de pr\u00e9sentation, j'en suis arriv\u00e9 \u00e0 <a href=\"https://strapi.io/\">strapi</a>. C'est la prochaine \u00e9tape de l'aventure. J'ai mis s\u00e9rieusement les mains dedans hier soir et je suis toujours pas r\u00e9solu \u00e0 g\u00e9rer un serveur/vps.</li>\n<li>J\u2019aurai bien go\u00fbter un peu la hype de <a href=\"https://ghost.org/\">Ghost</a> mais j\u2019ai jamais r\u00e9ussi \u00e0 faire d\u2019autres types de contenu que des articles.</li>\n<li>La solution de repli aurait \u00e9t\u00e9 de retourner \u00e0 Wordpress <span aria-hidden=\"true\" class=\"emoji emoji--older_man\">\ud83d\udc74</span>.</li>\n</ul>\n<p>Le travail en cours est ici : <a href=\"https://six.photos\">https://six.photos</a>. C\u2019est pas encore tout \u00e0 fait pr\u00eat mais si jamais vous avez des envies de site de photographie communautaire, c\u2019est-\u00e0-dire entre personnes de confiance et bienveillantes, vous pouvez me contacter en DM sur mastodon ou sur twitter, ou bien tout simplement par email.</p>\n</section>",
 "content-plain": "Au d\u00e9part, je voulais un nouvel objectif pour faire de la street photography puis je me suis retrouv\u00e9 \u00e0 acheter un appareil (cette partie de l\u2019histoire dans un autre \u00e9pisode) et donc tr\u00e8s logiquement, je me suis retrouv\u00e9 \u00e0 faire un site web pour partager des photos \u00e0 des proches parce que j\u2019en ai marre d\u2019instagram et que flickr, \u00e7a fait quand m\u00eame bizarre d\u2019y revenir. Ces deux points \u00e9galement une histoire pour une autre fois mais en attendant quelque assorted musings \u00e0 propos de la construction du site.\n\nJ\u2019avais envie de voir jusqu\u2019o\u00f9 je peux aller en mode no code low code et surtout sans avoir \u00e0 g\u00e9rer un serveur web.\n Astro Super fun ! Rapide. Pratique. Enl\u00e8ve la complexit\u00e9 de la plupart des machins en javascript contemporain. On revient aux bases : du html, du css et un petit de scripting pour construire des collections ou faciliter la repr\u00e9sentation. L'augmentation progressive avec Vue \u00e9tait marrante au d\u00e9part mais je suis vite revenu \u00e0 faire le maximum avec des .astro. J\u2019ai utilis\u00e9 tailwind pour voir. J'ai trouv\u00e9 \u00e7a chouette. C'est quelque part entre bootstrap et tachyon. Par habitude, pour le layout \u00e0 la pinterest, j\u2019avais commenc\u00e9 \u00e0 faire de choses avec masonry mais en cherchant quelque chose de plus responsive, je suis tomb\u00e9 sur muuri. Je recommande, c'est de la balle, aussi simple \u00e0 utiliser et mille fois plus pratique. Netlify Netlify Identity est bien pratique pour prototyper et d\u00e9buter un service web sans se prendre la t\u00eate.  Il y a quelques soucis avec le d\u00e9veloppement local et Netlify Dev \ud83e\udd37\u200d\u2642\ufe0f J\u2019avais commenc\u00e9 avec du Large Media mais je suis vite pass\u00e9 \u00e0 Object Storage chez Scaleway. \u00c7a se combine tr\u00e8s bien avec Netlify Functions. Airtable comme backend C\u2019\u00e9tait bien au d\u00e9but mais le rate limiting \u00e0 5 requ\u00eates par seconde est vite devenu p\u00e9nible et j\u2019ai fini par devoir passer par un CDN tiers ainsi des contorsions informatiques plut\u00f4t moches. Il y a plein de trucs que j\u2019aurai pu faire avec des fonctions sur netlify mais qui sont en fait devenu des bouts de script et des automations dans airtable. Apr\u00e8s un benchmark rapide des headless CMS, un gestionnaire de contenu sans site de pr\u00e9sentation, j'en suis arriv\u00e9 \u00e0 strapi. C'est la prochaine \u00e9tape de l'aventure. J'ai mis s\u00e9rieusement les mains dedans hier soir et je suis toujours pas r\u00e9solu \u00e0 g\u00e9rer un serveur/vps. J\u2019aurai bien go\u00fbter un peu la hype de Ghost mais j\u2019ai jamais r\u00e9ussi \u00e0 faire d\u2019autres types de contenu que des articles. La solution de repli aurait \u00e9t\u00e9 de retourner \u00e0 Wordpress \ud83d\udc74.\nLe travail en cours est ici : https://six.photos. C\u2019est pas encore tout \u00e0 fait pr\u00eat mais si jamais vous avez des envies de site de photographie communautaire, c\u2019est-\u00e0-dire entre personnes de confiance et bienveillantes, vous pouvez me contacter en DM sur mastodon ou sur twitter, ou bien tout simplement par email.",
 "syndication": [],
 "type": "entry",
 "name": "Ce que j'ai appris en une dizaine de jours sur six.photos"
}