Signalé par @jonathanulco

source: https://www.dwolla.com/updates/implementing-netlify-cms/

• Intégrer Docsearch d'Algolia
• Modifier la config pour remplacer Documentation par Articles
• Personnaliser l'apparence des résultats

Install Now CLI

npm i -g now to install 

Deploy

# First time you need to auth
now login

# Test deploy
now

# Deploy to production
now --prod

Warnings:

❗️  Zero-configuration deployments are recommended instead of a `builds` property in `now.json`. The "Build and Development Settings" in your Project will not apply.

Proposition de traduction : “Gatsby for Apps”, publié par Dustin Schau (dev chez Gatsby) en novembre dernier sur le blog de Gatsby.

Le post explique comment Gatsby peut aller plus loin que les sites “purement” statiques et permet de créer des “applis Web”, en prenant pour exemple un clone de Gmail recodé en Gatsby.

Je trouve l'article très intéressant, et c'est une problématique qui m'intéresse beaucoup. En effet, ça permet de faire un pont entre deux domaines qui ont jusqu'ici été assez cloisonnés (enfin de ce que j'en sait).

Qu'en pensez-vous ?

font-src:

• https://fonts.gstatic.com (we better host the fonts locally)

default-src:

• disquscdn.com (comments could be removed)

img-src:

• *.imgix.net
• *.cloudfront.net
• *.githubusercontent.com (GitHub avatars)
• google-analytics.com (Analytics)

(to be completed with further reports)

Ajouter une partie veille (ou un autre terme plus alléchant) sur le site jamstatic.fr, à partir du flux des likes du compte Twitter.

Questions :

• est-ce qu'il faut automatiser cela ?
• est-ce qu'il faut créer un post pour chaque ressource/lien/like ?
• est-ce qu'il faut tagger ou catégoriser les différents liens proposés ?

We're opening this issue to inform you about problems with your dependencies.io configuration or build failures.

We'll add a comment here when we see problems. You can close this issue when
you have things resolved -- we'll open it back up if we detect new problems.

Helpful links:

• dependencies.io/docs
• https://app.dependencies.io/

Note: To help keep your repo as clean as possible, this is the only issue
that we're going to open and comment on. Feel free to delete the comments
that are made as you resolve them, if you want to keep this issue short and tidy.

Error: No includeSubDomains directiveThe header must contain the `includeSubDomains` directive.
Error: No preload directiveThe header must contain the `preload` directive.

https://hstspreload.org/?domain=jamstatic.fr should be valid

1. Présenter les avantages du format pour la rédaction et les usages
2. Montrer l'omniprésence du Markdown dans différents contextes
3. Makrdown dans le contexte des workflows de publication modernes

Rédiger en Markdown

Clients lourds:

• Typora
• MacDown
• iA Writer
• Caret
• Mou
• Atom + Markdown Writer + Markdown Preview

Services en ligne

• GitHub, GitLab, BitBucket (documentation logicielle)
• Wordpress.com (JetPack) (blog)
• StackEdit
• Dillinger
• Papers (Dropbox) (Notes de Réunion)
• GitBook

Headless CMS

• Forestry.io
• NetlifyCMS
• Contentful

https://twitter.com/nsteinmetz/status/961704098994311169 via @nsteinmetz

Proposition: exemples idiomatiques qui permettent d'apprécier la puissance et la concision du langage de templating d'Hugo:

• travailler avec les sections de contenus ?
• avec le frontmatter ?
• avec les fichiers de données ?

Afin de pouvoir un peu mieux s'y retrouver dans toutes les offres existantes:

Fonctionnalités

• Synchronisation avec GitHub/GitLab/autre
• CMS
• Optimisation des assets
• Déploiemnt sur CDN
• Support de HTTPS
• Support de HTTP2
• Webhooks

Prestataires

• GitHub
• GitLab
• Netlify
• CloudCannon
• Surge.sh
• BowTie
• Amazon S3
• Heroku

https://www.thenewdynamic.org/tools/hosting-deployment/

Mise à jour : J'ai crée un Google Docs public à compléter : https://docs.google.com/spreadsheets/d/1FuiC29pnWsRemqvQh3UcHAZSkz_3p-pq-5-6m5ZHdzU/edit#gid=0

/cc @borisschapira

Voici une proposition de billet : un entretien avec les créateurs d'Antora, "A static site generator for making documentation sites from one or more versioned content repositories", un projet basé sur AsciiDoc et Asciidoctor qui est en train d'arriver !

Je me charge de contacter les créateurs, de préparer les questions, j'aurais probablement besoin d'un coup de main pour valider les questions en anglais (coucou @DirtyF), et ensuite pour relire mes traductions de l'anglais au français.

(Bonus : une publication sur The New Dynamic pour la version anglaise).

See page Créer des mises en page dynamiques avec Jekyll

After "ci-dessous une sélection d’études de cas", 4 images are not displayed.

In the console, 5 errors (404) :

• canon-unleashprint-full.jpg
• canon-unleashprint-fullpage.jpg
• dogs-trust-fullpage.jpg
• lynx-fullpage.jpg
• lynx-calm-fullpage.jpg

• Import des articles
  • permalinks + renommer les fichiers des posts
  • Twitter cards: image-> images in Front Matter
  • utilisation du shortcode par défaut {{< figure >}}
  • utilisation du shortcode par défaut {{< youtube >}}
  • post_url, link -> relref
  • source des articles dans le front matter
  • classes Markdown -> shortcodes (notices)
  • équivalent de canonical_url dans le front matter ?
• migration du thème
  • afficher l'auteur du post
  • lien vers l'article d'origine
  • coloration syntaxique des snippets de code ?
  • internal template pour Analytics
  • internal template pour Disqus ?
  • humans.txt, contributeurs GitHub
  • .RSSLink in footer partial
• Mise à jour de la configuration sur Netlify (hugo)
  • headers and HTTP2/push (gohugoio/gohugoioTheme@a12544f...ce44497#diff-a4ead40ceca5d7e5353822f8001d24a9)

Accès à la page concernée

{{ $f1path := (print "shoefeatures/" $.Params.feature1 ".html") }}
{{ partial $f1path}}
{{ $f2path := (print "shoefeatures/" $.Params.feature2 ".html") }}
{{ partial $f2path}}
{{ $f3path := (print "shoefeatures/" $.Params.feature3 ".html") }}
{{ partial $f3path}}
{{ $f4path := (print "shoefeatures/" $.Params.feature4 ".html") }}
{{ partial $f4path}}

N'y a t'il pas une autre solution pour éviter d'avoir la logique de chargement de template dans le template lui- meme ? Ce n'est pas plutot le role de la vue ?

Parce que ce n'est pas mon métier, parce que je ne veux pas à avoir à maintenir un inventaire de code CSS custom pour une mise en page aussi simple, parce que je souhaite faire l'expérience de l'approche utility-first, une refactorisation du CSS du site avec Tailwind semble quelque chose d'attirant.

• Installation / Configuration
  • Installer Tailwind 2.0 avec Hugo
  • Personnaliser la configuration pour utiliser les fonts Poppins et Roboto
  • Personnaliser la configuration des couleurs du site
• Composants
  • Header
  • Navigation
  • Footer
  • Items liste (accueil)
• Articles
  • Métadonnées d'un article
  • Typographie : titres, corps de texte
  • Étendre les styles du plugin typography pour les couleurs et police des titres
  • Citations
  • Figure
  • Embeds
  • Syntax Highlighting / Chroma
  • Inserts (info, mise à jour, astuce)
• Single page (ex : à propos)
• Page Catégorie
• Résultats de recherche
• Supprimer le code mort
• Responsive
• Dark Mode
• Purge CSS
• Critical CSS ?
• Cumulative Layout Shift ?
• Comparer le poids du CSS avant/après

• Site perso, serverless pour s'éviter de la maintenance, des mises à jour, vulnérabiltés et hébergement gratuit
• Site de contenus avec peu d'interactions utilisateurs (landing, page, société, etc.)
• SPA full et APIs tierces

https://www.sanity.io/blog/get-started-with-gatsby-and-structured-content

Ceci est une suggestion pour un billet sur le blog :

1. Génération du Critical CSS
2. Enlever le CSS non utilisé
3. Optimisation des images (webp, responsiveness, svg map)
4. Optimisation du browser cache pour les fichiers statiques
5. Minification du CSS, JS et HTML

https://jamstatic.fr/2017/12/13/site-ecommerce-statique-scalable-avec-hugo/

Workflow

Des services comme Netlify gère les déploiements de code via Git. Dans la configuration proposée ici, cela implique un nouveau commit pour chaque mise à jour d'inventaire, ce qui n'est peut-être pas forcément l'idéal. On pourait imaginer gérer des branches distinctes pour le code et les contenus et les fusionner ensuite au besoin, mais ça pourrait vite devenir problématique.

N'y a t'il pas une solution en passant par git-submodule : https://git-scm.com/book/fr/v2/Utilitaires-Git-Sous-modules

https://www.gatsbyjs.org/blog/2018-10-18-creating-compelling-content-experiences

en pair avec @anthony-lopez-dev

• Recopie source dans Forestry
• Rappatriement et mise à jour des medias dans Cloudinary
• Traduction
• Relecture

Quelques remarques et signalements de coquilles concernant le premier billet du blog :

• questionnement concernant l'expression "gestionnaires de fichiers statiques", "générateurs de site statique" ne serait-il pas plus juste ?
• idem avec " gestionnaires de fichiers statiques" ;
• idem avec "gestionnaires de contenu statique" ;
• remplacer "contributiion" par "contribution" ;
• et sinon merci pour cette belle initiative !

Aperçu du workflow de création d'un thème.

Liste des choses à faire :

• décider ce qui est stocké localement, sur le device de l'utilisateur. Proposition : tout, tant que le site ne dépasse pas 5Mo ;
• générer automatiquement un fichier JavaScript avec Service Workers. Quelques ressources ;
• en option, et dans le cas où la quantité de données serait trop importante, proposer un bouton "Lire le site/l'article hors ligne", voir Implementing "Save For Offline" with Service Workers.

https://www.sanity.io/blog/get-started-with-gatsby-and-structured-content

Thèmes à aborder au delà de Phenomic:

• SSR vs static?
• Partials vs React/Vue Components?
• JS taking over SSR
• Phenomic and the JAMstack: connexions with APIs?