Skip to content



The Global Cycling Network editorial site serving its online cycling community




Global Cycling Network

How we helped the fastest-growing online cycling community push their editorial velocity to new heights.

Sectors
TimelineQ1 2024
Technologies
SanityNext.jsVercel
ClientGlobal Cycling Network
Services
DevelopmentMigrationDesign


Introduction

References as structure

We've always been fanboys of Global Cycling Network. Hell, we very nearly bought an e-bike on their recommendation alone. So when they came to us to work on improving their content velocity and programmatically building a multi-step categorisation system we could have jumped off our chairs. We gelled in with their incredible team and became the go-to Sanity consultants to ensure every aspect of structured data had been thought about, all the way down to little UX interactions that gave their marketing team more control.



A lovely looking laptop with a screenshot on it


Infrastructure

Composable data structure

When it comes to building a publication, there are a lot of moving parts... When those moving parts constantly shift up and down through the ranks, joining teams, leaving teams and winning tours, it's a different ball game.

We broke all of these people/bikes/teams up into small parts to allow hot-swapping of content at a granular level. This meant that once you've built an incredible profile on one of the top racers, it permeates through every page and every article with every update.

This flexibility enabled the editorial team to really dig into what was possible. Whether it was creating parent-child relationships with teams, team members & bike brands, or specifying the flow when you're looking to promote articles - all of the individual atoms of the content structure communicated and relied on one another to create a web of content that enriched every piece of news.



Showing the ecommerce side of GCN


Optimization

Hierarchical content system

We created an entire system using slug nodes and slug clusters to enable hierarchal content from the top level down to four deep slug clusters.

The best part was that no developer was required to create new page routing because of a clever way of handling GROQ queries. It meant that the site was rapid-fast and scalable to thousands of documents within hundreds of user-generated paths. We really pushed the boat out when it comes to reusability, and you can see how it permeated the visual consistency from the first page to ten pages deep.

Just for good measure, we even helped construct a cherry-picking functionality to enable news articles to sit at the top of a section to promote popular or sponsored content.



Some brand identity work


Publishing content

Minutes matter

The ever shifting world of sports coverage requires instantaneous feedback, and real content velocity.

If we miss milliseconds that could be disastrous for the reporters and sports fans alike. We ensured that every component, every page and every interaction was lightning fast, powered by the incredible infrastructure at Vercel (opens in new tab). We ensured that no matter the number of users, we would always have uptime and an incredible set of components to match.

Speaking of components we helped to develop their Storybook environment, from a couple of components to every single component you see on the website. Each component stacked with props and adjustments to make sure it fits flush to the page along with tests to ensure the fallback works with whatever content you throw at it. Pretty nice right?



Common questions

Global Cycling Network project FAQs

What buyers ask us about the Global Cycling Network project, answered from the work itself

What was the hardest part of a publication this size?
The moving parts never stop moving. Riders join teams, leave teams and win tours, so we broke people, bikes and teams into small reusable parts that hot-swap at a granular level. Build a rider profile once and every update permeates every page and article that references them.
Does adding new sections mean calling a developer?
No. We built a system of slug nodes and slug clusters, up to four levels deep, with GROQ queries handling the routing. New pages and paths get created editorially, scaling to thousands of documents across hundreds of user-generated paths without developer involvement.
Can the editorial team promote specific stories?
Yes. We built cherry-picking functionality so news articles can sit at the top of a section, which covers both popular and sponsored placement.
How do you keep a sports site fast under load?
Sports coverage needs instantaneous feedback, so every component, page and interaction was built for speed and deployed on Vercel for uptime regardless of traffic. We also built out their Storybook environment from a handful of components to every component on the site, each with tests covering fallback behaviour.
Who did the structured content work?
We became their go-to Sanity consultants for the project, covering structured data end to end down to the small UX interactions that gave the marketing team more control.


Services



Related videos



Get in touch

Tell us what you're building. We reply within one working day. Jono or someone on the team picks up every message personally.

By sending this you agree to our privacy policy. We only use your details to reply.