Welcome to Rack and Pinion!

We have been expecting you.

Rack & Pinion is a mono repo for highly performant websites built with Next.js & Sanity Studio.

Rack and Pinion (R&P) is our customized website framework that we have created here at Gearbox. It is where our design/token system lives; it is where we house pre-built components in their skeletal form so that they can be customized to fit whatever project we are currently working on; it is where we house all the logic for querying data and other files to deal with third-party api’s on the backend. These docs are here for all of us you to maintain a clear understanding of how it all fits together so it can be leveraged and maintained in the most efficient way possible. With that said, let’s dive in!  🏊🏻‍♂️

  • Highly preformant websites out of the box

  • Best in class developer experiance for building websites

  • Simple and intuitive admin experience for our clients

  • Structured, readable and DRY code

  • Streamlined multi developer capabilites on individual projects

  • Easy developer onboarding

  • Up to date & detailed documentation

  • Opinionated starting point with simple and no limit on customiztion

  • Tailwind, a utility-first CSS framework, with zero runtime and a best-in-class developer experience.

  • Rich token system to help prevent dulpication and one-off variants of typography and spacing.

  • Out of of the box Grid calculations for fast column alignments

  • 50 + avaiable components

  • Many built upon Radix UI for improved accessability

  • Page rendering simplicy with the Rack and Pinion Component builder

  • Full featured MegaNav with animations

  • Form Builder connected to Sanity Studio leveraging React-Hook-Form

  • 30+ Custom hooks and quality of life utlis

  • Sanity Studio intergrated into the site on build

  • Easy deploy button to publish to Vercel

  • Connected Preview mode to view drafts prior to deploy

  • Custom Publish hooks for setting url, paths and slugs

  • Many quailty of life plugins to improve overall Studio experiance

  • Automaticly read schema definitions, Build queries and auto fill references from Sanity.

  • API to build queries from schema types

  • Easiliy add to queries with projections

  • Abstracted global queries that are automatily added to document queries

💡
See something that is out of date or that could be improved?Please let the team know!1. You can create a Github issue2. Pull down the repo and create a PR with your suggested changes implimented.3. Or just let someone know in the R&P Slack Channel.We love making things better.