#deployment #netlify #jamstack #metaAuto-publish future posts with JAMstack on Netlify and IFTTT/CircleCI 2.0 scheduled jobsStatic site generators like Hugo, Jekyll, Hexo, Gatsby or other JAMstack alternative are a great option to run your blog on. One of the earliest and possibly most painful issues you will come across is “How do I schedule content to publish for later?”. In the traditional database ...
#meta #jamstack #hugo #javascriptAdd Diagrams to your Jekyll/Hugo/Gatsby blog with Mermaid JSAdd diagrams to your JAMStack (Jekyll/Hugo/Gatsby) blog with Mermaid JS Update 17th January 2024: Hugo now has native hooks for diagrams, so that code-fences using ```mermaid [content]``` can have a custom template, see the Content Management > Diagrams > Mermaid diagrams ...
#javascript #node #metaYarn Workspaces: monorepo management without Lerna for applications and coding examplesHow to use Yarn Workspaces to manage applications/coding examples. Lerna isn’t required when you don’t need the git diffing and versioning facilites. What’s more Yarn Workspaces are a great lightweight tool to get up and running faster for simple Node.js monore ...
#node #lunrjs #hugo #meta #javascriptAdd Search to a Hugo site with Lunr.js and Node.jsHugo “The world’s fastest framework for building websites” is a great option for JAMStack (JavaScript, APIs, prebuild Markup) sites. Lunr.js is “A bit like Solr, but much smaller and not as bright”, it’s a pure JavaScript implementation of a Solr-lik ...
#deployment #netlify #cdn #metaEnable CDN (Cloudflare) caching for your Netlify siteThis post goes through how to reduce the amount of static assets served through Netlify by leveraging a CDN (Content Delivery Network) like Cloudflare. This will reduce your Netlify bandwidth usage for cacheable assets. It will also mean that you’re following industry-accepted be ...
#meta #seo #technical writingTechnical content workflow for “Code with Hugo”: static site, Paper, Medium, DEV and Buttondowntl;dr: here are the tools used to power, build and publish codewithhugo.com: Dropbox Paper because it syncs desktop/mobile and outputs to markdown Unsplash for cover images Edited Markdown + images → Hugo static site generator Casper 2 (https://ghost.org default theme) for Hugo S ...
#javascript #meta #paymentAdd a Vanilla JavaScript paywall to a Hugo site using checkoutpage.coHow I created the buying mechanism for the Sequelize ES6 Cheatsheet using checkoutpage.co and sprinkles of vanilla JavaScript. This strictly isn’t a paywall, it’s all client-side and doesn’t check much. In principle you can display the whole things using a bit of CSS ...
#node #javascript #meta #gitA simple JavaScript/Node coding setup on Mac OS XHere’s how I get productive for JavaScript/Node on Mac OS. It includes iTerm2, zsh, Node, Visual Studio Code and some git commands. ...
#deployment #netlify #meta #javascriptA tiny case study about migrating to Netlify when disaster strikes at GitHub, featuring CloudflareLast Monday (22 October 2018) GitHub was going 💥, and scheduled content on Code with Hugo wasn’t going live. For context, the blog’s setup is documented in “Switching the lights on: Hugo vs Hugo config files”. tl;dr (as is relevant to this post) Cloudflare DNS + CDN + proxying + ...
#meta #blogging #technical writing #hugo6 months of Code with Hugo, in numbersGoing from 0 to small. A developer’s journey starting a technical blog from scratch. Stats in this post as of 21st of October, follow me on Twitter for monthly updates. Contents: ...