Performant syntax highlighting in Hugo
The quickest and most performant way to set up syntax highlighting in Hugo.
Articles on designing and coding things for the web.
The quickest and most performant way to set up syntax highlighting in Hugo.
A few thoughts on sharing what you know, regardless of your experience and finding an openness to reinvent and learn from others.
A look into my process when designing the website for Albion cycling, a brand not adverse to the challenges of the great British weather.
Using a library called React Media to make CSS media queries possible with React components.
Watch mode allows you to see realtime content updates without having to manually re-run the build process.
Learn how to query structured content in Sanity with GraphQl and display the content in a Gatsby website
How to configure Gatsby to play nice with Sanity. Including configuring the gatsby-source-sanity plugin and some cool extra development features that ship with Sanity.
If you want to consume your Sanity dataset from a front-end the you will need to set up an API. You can do this using Sanity’s custom query language GROQ or GraphQL. These notes focus on the latter.
When modelling your data try and think about your content not as ‘pages’ but as content ‘types’ and establish what fields each of those content types will need.
Sanity is a headless CMS that allows you to structure your content by building custom schemas and deliver it as a flexible API, which you can then query using a front-end of your choice.
Once a month I curate a newletter for designers and developers interested in static sites, CSS and web performance. Check out past issues to get an idea.