NextJS & Gatsby : SSG, SSR et CSR
Gatsby fait plutôt du SSG (static site generation) + CSR. Ce que Gatsby appel communément SSR est l’étape de génération du site.
Les sites JAMstack sont-ils moins bons pour le SEO ?
Il est vrai qu’il y a quelques années, un site qui utilisait intensément le Client Side Rendering comme une PWA ReactJS par exemple, pouvait poser des problèmes pour le référencement.
Principales différences entre Gatsby et NextJS
Pages générées quand au build avec Gatsby. NextJS génère une nouvelle page à chaque requête. Gestion des données strict avec Gatsby. Plus libre mais demande plus de travail avec NextJS.
Chercher les photos WhatsApp sur Google Photos
Les noms de fichiers images crées par WhatsApp ressemblants à 824c5ad3-e505-4aac-928f-d34135ba968a.jpg, on peut trouver les images créées par WhatsApp et uploadées sur Google Photos en cherchant *-*-*-*-*.jpg
Filtre Gmail pour archiver automatiquement les emails concernant les mises à jour de politiques de confidentialité et CGU
Un filtre Gmail pour archiver (skip inbox) automatiquement les emails, en français et en anglais pour les emails dont le sujet ressemble à : update of our privacy policy
Copier tous les éléments d’une liste de l’app Rappels sur macOS avec Scrip Editor
Dans l’application Reminders / Rappels de macOS, il n’est pas possible de copier tous les rappels d’un coup. Ce script permet de remédier à ce problème
Créer un utilisateur SFTP limité à un répertoire /var/www/ sur Ubuntu/Debian
Créer un utilisateur SFTP limité à un répertoire /var/www/ sur Ubuntu/Debian
WordPress & JAMstack ! Gatsby en front, WP en CMS headless
L’idée de combiner Gatsby (statique) et WP (dynamique) peut paraître saugrenue de prime abord. À moins qu’on tienne là un combo idéal du dev web moderne
Comment optimiser le temps de chargement d’un site web
Le temps de chargement est un facteur détérminant pour l’expérience utilisateur. Cet article détail pourquoi accélerer un site web et comment y parvenir.
Activer le HTTP/2 push sur WordPress
En plus du gain déjà apporté par le multiplexage avec http/2 on va pouvoir accélérer encore en envoyant des données au client avant même qu’il ne les ait demandé !
Photogrammétrie avec le Parrot Anafi et Pix4D Capture
Une des solutions les plus simple, intuitive et portable actuellement pour faire de la photogrammétrie. Un très bon ratio volume/poids/prix/qualité d’image.
Prendre des photos en DNG (RAW) avec le Parrot Anafi et Pix4D Capture
L’application Pix4D Capture n’enregistre que des JPG. Heureusement il est possible de déjouer cette limitation et d »enregistrer les photos en DNG (RAW).
CMS headless: avantages, inconvénients & comparatif des 5 leaders
Les CMS headless reposent sur un découplage fort ente le contenu et sa présentation. A l’heure de la multiplication des interfaces. Le contenu n’est plus toujours solidaire du front end.
Gatsby, le générateur de site statique basé sur React et GraphQL
Gatsby est un générateur de site statique basé sur React. Il est doté d’un riche écosystème de plugins et peut s’adapter à de nombreuses sources de données.
JAMstack, statique, CMS Headless : Le renouveau du développement web
Générateur de sites statiques, APIs, Functions as a Service et CMS sans tête, voici les acteurs d’un mouvement qui révolutionne le développement web
Installer et configurer Redis pour WordPress en 5 minutes
Redis est une store clé-valeur qui permet de garder en mémoire les requêtes MySQL. C’est un système de mise en cache très simple à mettre en oeuvre.
Lancement d’Escadrone, prise de vue aérienne par drone
Escadrone, est basée en à Grenoble, en isère et à pour but de réaliser tout type de prises de vues aériennes à l’aide d’un drone multirotors équipé d’une nacelle 2 axes permettant de stabiliser l’image.
Accéder à localhost avec l’émulateur Genymotion
Si vous ne connaissez pas Genymotion c’est à essayer d’urgence. Il s’agit d’un émulateur Android basé sur VirtualBox, qui fonctionne aussi bien que l’émulateur "officiel". En beaucoup plus rapide !…
Un plugin PhoneGap / Cordova pour décompresser des zip
Un plugin PhoneGap très simple et rapide à installer qui permet de dézipper les fichiers zip.
Afficher un indicateur de progression de téléchargement avec PhoneGap
C’est pas très compliqué avec la propriété onprogress de l’objet fileTransfer de PhoneGap, il suffit de quelques lignes : var fileTransfer = new FileTransfer(); // Affichage du message "téléchargement… xx%"…
Intercepter un évènement swipe sur un panel avec Sencha Touch
element.on({ swipe: function(e, node, options){ if(e.direction == "left") { console.log('swipe left'); } else if(e.direction == "right"){ console.log('swipe right'); } } }); Et avec Sencha Architect, il faudra utiliser au préalable…
Essayez l’API geolocalisation HTML5 en 30 secondes dans votre navigateur
navigator.geolocation.getCurrentPosition
Debugger facilement des applications & sites mobiles
Comment débugger une app PhoneGap/Cordova ou un site mobile en temps réel avec l’inspecteur webkit et Weinre
Trigger.io simplifie le développement d’applications hybrides
A l’instar de Phonegap, Appcelerator et Sencha Touch Trigger.io offre la possibilité de développer des applications mobiles cross-platform avec les languages web, html, css et javascript.
Quel framework UI choisir pour une application mobile web ou hybride ?
Quelques infos pour vous aider à choisir le bon framework pour le développement de votre application mobile.
Un module node.js pour lire les données du port série
Serialport est un module pour node.js qui permet de lire et écrire les données d’un port série, cet article explique l’utilisation basique de serialport.
Se connecter en SFTP à une instance EC2 avec Transmit
Configurer Transmit pour se connecter en SFTP à une instance Amazon EC2
Créer un virtual host, une elastic IP et rediriger son domaine vers EC2
Voici la démarche à suivre afin de créer un virtual host et une elastic IP sur serveur ubuntu sur Amazon EC2, On va ainsi pouvoir rediriger son ancien…
Configurer gratuitement un serveur ubuntu en 10 min avec amazon EC2
Comment créer une instance amazon EC2 et y installer un serveur apache, MySQL et phpMyAdmin pour héberger gratuitement son site.
See all posts in English here / Voir tous les articles en anglais ici