Performant syntax highlighting in Hugo
The quickest and most performant way to set up syntax highlighting in Hugo.
Writing
Articles on designing and coding things for the web.
Expert and beginner
A few thoughts on sharing what you know, regardless of your experience and finding an openness to reinvent and learn from others.
Albion: designing a weather app and eCommerce store for a UK cycling brand
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 CSS Media Queries in React
Using a library called React Media to make CSS media queries possible with React components.
Real-time updates with Sanity watch mode
Watch mode allows you to see realtime content updates without having to manually re-run the build process.
Query data from Sanity using GraphQL
Learn how to query structured content in Sanity with GraphQl and display the content in a Gatsby website
Set up a Gatsby project with Sanity
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.
Deploy a GraphQL API for a Sanity project
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.
Content schema in Sanity
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.
Starting a new Sanity project
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.