The Sanity & Next.js experts
We assisted Topaz Labs, the industry-leading AI enhancement suite, in creating a documentation system powered by Sanity, Next, Mux, and Chakra UI.
We started with a plan
We were contacted by Eric, the CEO of Topaz lab to help create a solution to condensing all of their documentation into a singular platform that was both extensible and highly customisable.
We ensured every aspect had been thought about, from the presentation of placeholders and field descriptions to the instantaneous feedback of a live preview system. We didn't want to build just "a documentation system". We ventured to build "the best documentation system."
Add some Sanity
The first piece of our digital jigsaw was Sanity CMS. We took advantage of its real-time capabilities to build a dynamic content management system that would have put Gutenberg's movable type to shame. But we didn't stop there. With the malleability of the platform, we developed custom input components and tailored the CMS to fit Topaz's needs.
A little style
Then came Chakra UI. Like an expert stylist, we used it to dress up our system in a way that was not only visually appealing but also met all the best practices for accessibility and responsiveness. It was our digital color palette, with the flexibility of themes and components to create a harmonious, unified appearance across all documentation.
We collaborated with the internal design team at Topaz Labs, which expanded the infrastructure of Chakra UI. They implemented the nuanced colour scheme with lavish purples and extra slick gradient borders. We couldn't have done it without them, and they really did an incredible job of adding that extra bit of jazz to the overall design.
What is a Mux anyway?
Finally, Mux added the cherry on top. This cutting-edge tool brought our documentation to life with high-quality, seamlessly streaming videos. It was like handing our users their personal IMAX experience, delivering video content tailored to their device and connection speed.
If you don't know what Mux is, I'll give you the lowdown. Videos are about the heaviest piece of data on a website and a nightmare to store and stream at that. Mux takes away all this stress and compresses the video to the appropriate size. E.g. Mobile phone - small, Desktop - large.
The Sanity & Next.js experts
Founder @ Roboto Studio - The Sanity & Next.js experts
Sr. Full Stack Developer at Roboto Studio
Old faithful, but built in the app router. Testing out the latest and greatest features on our own website, now, with added purple.Go to Roboto Studio
5500+ AI Tools, one hell of a GROQ query and Top-notch Structured Content. Building the perfect editorial experience with FuturepediaGo to Futurepedia
Revolutionizing Clinical Trials: Teckro Leverages Sanity CMS for Unmatched User EngagementGo to Teckro
We helped LiveMore migrate their components to a page builder to knock out landing pages with easeGo to LiveMore Mortgages