Extending the Sanity Eleventy Blog Starter
Learn about GROQ, the Vision plugin, templating in Eleventy and how to add a few key features which are missing from the starter.
Learn about GROQ, the Vision plugin, templating in Eleventy and how to add a few key features which are missing from the starter.
How to query data from a Sanity schema and use it to build a navigation component on a Gatsby powered website.
How to create a modular navigation builder. Modular, because you’ll be able to use it to create any number of navigations to use in your website or app.
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.