Les 404, c’est la plaie du web… J’en sais quelque chose, je fais la chasse \u00e0 \u00e7a en permanence sur mon propre site. C’est vrai que c’est relou parce que vous bookmarkez un projet cool, vous y retournez trois mois apr\u00e8s… et pouf, \u00e7a a disparu. Le dev n’a pas renouvel\u00e9 son nom de domaine, l’h\u00e9bergeur a ferm\u00e9 boutique, le contenu s’est \u00e9vapor\u00e9 ou que sais-je encore… En fait, sur le web, RIEN n’est permanent<\/strong>.<\/p>\n

\n
npm install -g pinme\n<\/span><\/span><\/code><\/pre>\nPour d\u00e9ployer votre site statique, c’est hyper simple :<\/p>\n\npinme<\/span> upload<\/span> dist<\/span>\/<\/span>\n<\/span><\/span><\/code><\/pre>\nL’outil d\u00e9tecte le dossier de build, ou plut\u00f4t il le devine tout seul selon votre framework : dist\/<\/code> pour Vite et Vue, build\/<\/code> pour Create React App, out\/<\/code> pour Next.js en export statique. \u00c7a \u00e9vite d’avoir \u00e0 se palucher de la config.<\/p>\n C\u00f4t\u00e9 limites, on est sur 200 Mo par fichier et 1 Go au total ce qui est largement suffisant pour une landing page ou une d\u00e9mo ! Et c’est GRATUIT. Pour ceux qui veulent un domaine lisible plut\u00f4t qu’un hash cryptique, y’a aussi des domaines ENS (les .eth<\/code> sur Ethereum) ou des sous-domaines en .pinit.eth.limo<\/code>. Apr\u00e8s pour les domaines custom faudra un compte VIP par contre.<\/p>\n <\/p>\n Le truc sympa c’est que vos fichiers restent accessibles via n’importe quelle passerelle IPFS, genre dweb.link ou w3s.link. Ainsi, si votre h\u00e9bergeur ferme ou que votre domaine expire comme je le disais en intro, on s’en fiche ! Le contenu est toujours l\u00e0, \u00e9pingl\u00e9 quelque part sur le r\u00e9seau. C’est du stockage immuable, bas\u00e9 sur le contenu lui-m\u00eame… du coup personne ne peut modifier ou supprimer ce que vous avez publi\u00e9. (Et en fait vous non plus, faut le savoir.)<\/p>\n <\/p>\n Et y’a aussi des commandes pour exporter en fichiers CAR et r\u00e9importer ailleurs, ce qui est pratique pour archiver ou migrer entre passerelles.<\/p>\nVoil\u00e0 c’est gratuit pour 1 Go de stockage, c’est open source (licence MIT) et \nc’est par l\u00e0<\/a> \n. Merci \u00e0 Lorenper pour la d\u00e9couverte !<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":" Les 404, c’est la plaie du web… J’en sais quelque chose, je fais la chasse \u00e0 \u00e7a en permanence sur mon propre site. C’est vrai que c’est relou parce que vous bookmarkez un projet cool, vous y retournez trois mois apr\u00e8s… et pouf, \u00e7a a disparu. Le dev n’a pas renouvel\u00e9 son nom de domaine, l’h\u00e9bergeur a ferm\u00e9 boutique, le contenu s’est \u00e9vapor\u00e9 ou que sais-je encore… En fait, sur le web, RIEN n’est permanent. PinMe prend le probl\u00e8me \u00e0 l’envers en collant vos fichiers directement sur IPFS . En gros, au lieu de d\u00e9pendre d’un serveur unique qui peut tomber n’importe quand, vos pages sont distribu\u00e9es sur un r\u00e9seau d\u00e9centralis\u00e9 et identifi\u00e9es par un hash CID unique. Du coup, tant que le r\u00e9seau tourne, votre contenu existe. Pas besoin de renouveler quoi que ce soit, pas besoin de payer un h\u00e9bergeur… \u00e7a fonctionne tout seul. L’installation se fait en une ligne : npm install -g pinme Pour d\u00e9ployer votre site statique, c’est hyper simple : pinme upload dist\/ L’outil d\u00e9tecte le dossier de build, ou plut\u00f4t il le devine tout seul selon votre framework : dist\/ pour Vite et Vue, build\/ pour Create React App, out\/ pour Next.js en export statique. \u00c7a \u00e9vite d’avoir \u00e0 se palucher de la config. C\u00f4t\u00e9 limites, on est sur 200 Mo par fichier et 1 Go au total ce qui est largement suffisant pour une landing page ou une d\u00e9mo ! Et c’est GRATUIT. Pour ceux qui veulent un domaine lisible plut\u00f4t qu’un hash cryptique, y’a aussi des domaines ENS (les .eth sur Ethereum) ou des sous-domaines en .pinit.eth.limo. Apr\u00e8s pour les domaines custom faudra un compte VIP par contre. Le truc sympa c’est que vos fichiers restent accessibles via n’importe quelle passerelle IPFS, genre dweb.link ou w3s.link. Ainsi, si votre h\u00e9bergeur ferme ou que votre domaine expire comme je le disais en intro, on s’en fiche ! Le contenu est toujours l\u00e0, \u00e9pingl\u00e9 quelque part sur le r\u00e9seau. C’est du stockage immuable, bas\u00e9 sur le contenu lui-m\u00eame… du coup personne ne peut modifier ou supprimer ce que vous avez publi\u00e9. (Et en fait vous non plus, faut le savoir.) Et y’a aussi des commandes pour exporter en fichiers CAR et r\u00e9importer ailleurs, ce qui est pratique pour archiver ou migrer entre passerelles. Voil\u00e0 c’est gratuit pour 1 Go de stockage, c’est open source (licence MIT) et c’est par l\u00e0 . Merci \u00e0 Lorenper pour la d\u00e9couverte !<\/p>\n","protected":false},"author":1,"featured_media":2412,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-2411","page","type-page","status-publish","has-post-thumbnail","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/pages\/2411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/comments?post=2411"}],"version-history":[{"count":0,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/pages\/2411\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/media\/2412"}],"wp:attachment":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/media?parent=2411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}