One of our goals as a Sanity agency is to empower content creators and marketers to easily manage and create content for their website, web apps, ecommerces, or mobile apps.
That is why we picked Sanity CMS web development as one of our key offerings. Our clients have loved the content editing experience we've offered so far, and we plan to keep investing in the headless content management industry.
In fact, we've built so many projects with Sanity CMS that there's a high chance you find us on Google when searching for "Sanity CMS" or "Sanity agency."
Tinloof is proud to be one of the first Sanity agency partners.
“Making it possible to create landing pages through Sanity CMS saves us 3 months of engineering. We were able to estimate that number by following one of the internal teams while creating a landing page and recording the time. We then multiplied that by the number of pages we usually create per year.”
Sanity is so easy to use and intuitive that your team could get onboarded in a matter of minutes. Compared to a traditional CMS, picking up Sanity CMS is a breeze. Ease of use is only one of the multiple benefits Sanity CMS development offers.
Content is also managed and stored in one place by non-developers, saving hours of content editing tasks from developers' time. You can think of Sanity CMS as the content "backend" that pushes data to the frontend.
This creates one source of truth for content, making it consistent across platforms and avoiding duplication.
Sanity CMS interfaces are fully customizable, making it possible to have an easy-to-use and user-friendly interface that is perfectly tailored for creating pages and editing content.
With a Sanity CMS setup, you can create a page by adding a set of modules and populating them with content, previewing it live, then publishing it in a matter of minutes.
It is also possible to easily add any content type, whether that's a piece of text, an image, video, or custom elements like YouTube videos, forms, or embeds.
Here's a demo where we go through the typical workflow of creating a page and collaborating on it, using Sanity CMS:
Don't shoot in the dark!
It's important to see what your changes look like before your users do.
Sanity CMS can be configured to show a preview of your changes that updates instantly while you're typing or modifying any content.
The benefit of such a feature is the ability to test different layouts and content ahead of publishing your piece to the public.
Content creation is a collaborative process, and Sanity CMS, as a headless content management system, keeps that in mind.
Edit, transform and change content in sync with your team, without trying to guess who changed what.
Even in the free plan, Sanity CMS comes with a built-in backup and restore feature.
This feature allows you to precisely track changes in a published document, have visibility on who made these changes and when they were made, and quickly restore a specific version.
Sanity CMS makes you think of your content as a collection of modules.
You build these modules once then publish unlimited pages without a single extra line of code. This is why web design with Sanity CMS is so simple.
This is the benefit of a headless content management system - your team doesn't need to have developers to publish new pages or arrange the layout.
Images and videos can be directly managed from Sanity CMS.
Sanity CMS excels when it comes to organizing these assets.
With Sanity's Digital Asset Management (DAM) system, images and videos can be searched, sorted, uploaded in bulks, and filtered through by all properties (e.g. file name, file type, alt text).
More importantly, Sanity CMS provides a way of tagging images and videos. These tags can then be used to quickly filter through files.
It's also possible to define custom aspect ratios to crop images and integrate them with any external system without having to rely on an existing plugin.
To serve images optimally, Sanity CMS provides image transformation APIs that can be used in the frontend to resize images on the go and load them faster on mobile devices.
With Sanity CMS, you have great control over the technical SEO on your pages. Here are some some examples when creating a Sanity CMS setup for brands like yours:
1- Ability to control the visibility on search engines.
2- Control of titles and meta tags.
3- Control of redirects.
4- Automatically generate sitemaps. You no longer need to submit it manually to Google Search Console.
5- It enables structured data markup to permit Google to better understand your products and content pieces. This will help you appear on Rich Results and improve the appearance of your website or ecommerce on SERPs.
After validation of the schema markup, we monitor the progress on Google Search Console.
6 - With Sanity CMS you can facilitate internal linking to other pages with our custom Sanity hyperlink input. This is powerful as it automatically understands if a URL has changed, meaning you won't link to 404 pages anymore.
More details in this article about SEO best practices to follow on Sanity (YouTube video included).
Sanity CMS is fully customizable, which means that there are no limits to the content types you can add. Whether it's Youtube embeds, interactive forms, maps, or anything else you can think of, on Sanity CMS, you can do it.
This level of customizability made it possible for us to build interactive insurance finder forms for Zego. The best part is that these finders are completely controlled from Sanity, so they can be integrated to any page without involving engineers.
It also enabled us to create a store locator for Betty's Eddies.
You can use Sanity CMS to increase your reach by translating your content or publishing content that is targeted to specific markets.
Sanity CMS' localization is customizable and allows us to choose the best user experience for our clients.
Sanity CMS' pricing is totally independent of the number of locales we want to choose. We can have a fully operating website on an unlimited number of locales for free.
You can read more about the localization flow we provide with Sanity CMS in this blog article or in case studies such Tinloof Store and ExaktHealth.
You can A/B test your content directly from Sanity CMS if you integrate it with a platform such as LaunchDarkly, allowing you to seamlessly test the performance of multiple versions of your page before committing to a final one.
More details in this demo article where we run a homepage A/B testing experiment.
Enabling A/B testing will help your organization to make decisions based on analytics as well as brand and revenue goals.
Having powerful data query APIs is crucial for migrating content from any website.
While some CMSes can only be queried from a rigid set of REST or GraphQL APIs, Sanity CMS enables much more.
Sanity CMS' data modelling is truly fluid, and ships with a data query language called GROQ. This makes it feasible to fetch data for any feature, regardless of its complexity, in more than 1 query at a time. For clients, this is very beneficial to save on the pricing plan quota.
Sanity CMS can also be queried via REST and GraphQL.
We've done dozens of content migrations in the past from various sources (e.g. WordPress, Contentful, databases) and it would not have been possible without Sanity CMS' flexibility when it comes to content APIs.
You can automatically generate Open Graph images that will be shown on Slack, LinkedIn, Twitter, and any other social media platform.
The best part though, is that this can be done directly from the page you're creating on Sanity CMS.
You can create now and publish later with Sanity CMS' scheduling feature.
The feature allows you to set a publication date for any page or article and easily view completed and upcoming publications.
This feature makes content management easier as you don't have to connect every single time you want to publish a piece of content.
It also bolsters collaboration - a team can pre-emptively decide on a date and time to publish certain pieces of content.
Content types are the various reusable content forms you have on a CMS (e.g. Blog article, Hero block).
Unlike other CMSes, Sanity CMS offers unlimited content types, even on the free plan, making its pricing more reasonable.
When pricing is based on the number of content types, users are incentivised to conserve types at the cost of worse experience and limited flexibility.
The free plan of Sanity CMS provides unlimited admin users, multiple roles (Admin, Editor, Viewer), unlimited content types, and a generous storage quota.
More details on the Sanity pricing page.
Sanity CMS is GDPR-compliant, meaning you don't have to worry about handling customer's personal data in a specific way.
Sanity CMS is also secure, considering they adhere to multiple standards.
We use full-stack frameworks built on top of React to produce fast and SEO-friendly websites, which fetch the content from Sanity CMS.
We integrate Shopify with Sanity CMS to easily create landing pages and narratives around products. People buy stories, not products.
We build user interfaces with TypeScript and React. We generate types for Sanity CMS schemas.
We use Tailwind CSS to easily style projects while keeping a consistent design system at all times.
We use either Vercel or Netlify to deploy both the frontend and the Sanity CMS studio. Vercel enables a powerful commenting feature that fits well with Sanity.
We integrate Algolia with Sanity CMS to empower users to easily find the information they need on a website or ecommerce.
We integrate MUX Video with Sanity CMS to engage users with dynamic content and enable content creators to easily serve video content in an efficient way.
Smartcat makes it so easy to get content reliably translated. We integrate it it with Sanity CMS to offer content creators a smooth translation workflow.
We integrate Sanity CMS with LaunchDarkly make it possible to make informed decisions about website content by creating multiple variants and testing their conversion with real users.
Sanity CMS itself does not create the user interface, unlike traditional CMSes like WordPress. It only serves as the content "backend".
As a Sanity agency, we build website and ecommerce user interfaces and logic with frontend frameworks like Remix and Next.js. These allow us to build fast and dynamic solutions for our clients.
Both the website/ecommerce and Sanity CMS are hosted on deployment platforms like Vercel or Netlify.
Below is a brief overview of the architecture we use when implement Sanity CMS for our clients:
Considering we have full control of the frontend, we can integrate with any 3rd party tool that has an API (e.g. HubSpot, Google 360, Greenhouse).
We don't have to rely on a CMS plugin to make an integration work.
The other advantage of having control of the frontend, is the ability to load scripts at the opportune time, meaning that page speed will not be deteriorated.
“Tinloof helped us build a new version of our website that is completely customisable from a Headless CMS called Sanity.
This saved us months of engineering work and helped us rank number 1 on Google for certain terms.
We were also able to benefit from their web development expertise to launch a referral program and a live chat.
They are true experts in their field and more importantly kind human beings that are great to work with.”
“Tinloof have been an excellent partner for us on our website rebuild project. The site they have so far delivered is performant and secure. Omar and Seif are deeply experienced in Sanity and React, but also in communicating clearly about their work, responding to our specific needs and priorities, and finding creative solutions to difficult problems. It has been a pleasure working with Omar and Seif for the past quarter, and I’m excited to continue partnering with them as we build new features and functionality.”
“Tinloof were professional and experts in their domain. Their familiarity with Next.js and Sanity meant we were able to come up with good solutions to integrating a CMS for use across the organisation.”
“The best setup I've seen in the 2 years I've been working with Sanity. The setup for Sanity CMS was very well thought out and easy for marketers to understand.”
We use Sanity CMS to empower content teams handling Shopify stores to create an infinite amount of pages, reference products directly from the content, and decide on the layout of the page.
Shopify offers a plugin that enables real-time synchronisation with Sanity CMS for ecommerce and Shopify website design and development.
We’re thrilled to announce that @Shopify has invested in @sanity_io, creating a strategic partnership that connects content with commerce.
— Sanity.io (@sanity_io) June 28, 2022
Read more about how the Sanity Connect app and this partnership will help merchants deepen customer relationships.https://t.co/Ipigkrad6N pic.twitter.com/031H9DrgI5
Following a headless ecommerce architecture that combines Shopify and Sanity CMS comes with multiple advantages:
- Having the ability to create custom digital experiences and encourage users to purchase and add more to their basket.
- Achieving top page speed, translating to higher conversion rates and driving more revenue.
- Connecting Shopify with Sanity CMS also enables the creation of stories and the distribution of content cross-channel.
- Improving user experience with custom features like store locators or questionnaires.
Discover the potential benefits for your ecommerce brand by contacting our Sanity agency.
Sanity CMS is the most preferred headless content management solution by users according to G2. It also ranks first in the Jamstack Conference Survey.
As a Sanity agency, we care a lot about client satisfaction. As such, we make sure to pick the best tools that will enable our clients to achieve their goals.
Sanity CMS is a content platform that can be used as a headless CMS to power websites, web applications, ecommerces, and mobile apps with content.
It encourages companies to follow the "structured content" approach to organize the content within an organization.
It is often used by content creators, marketers and Sanity agencies like Tinloof to manage a website's content and its layout.
We covered in detail the difference between a headless CMS and a traditional CMS in this article.
These are the main benefits:
1. Sanity CMS is easier to use compared to other traditional CMS platforms. In fact, it's so easy to use that it can be picked up in a matter of minutes (if not seconds). This ease of use is what makes Sanity web development so popular among content creators.
2. Sanity CMS is customizable, meaning it can store any content type and its interface can be customized to fit your business use case.
3. Sanity CMS does not produce the UI, meaning that frontend developers can create fast and tailored interfaces users will enjoy interacting with.
4. Sanity CMS is very affordable, and even comes with a generous free quota to get started.
5. Sanity CMS enables real-time collaboration, live-previews, history changes, and other out of the box capabilities that make content creation and content management a piece of cake.
As an experienced Sanity agency, there are multiple ways we can help you when it comes to using Sanity as a headless CMS:
1. We can help you create a custom website from scratch that is powered by Sanity when it comes to managing the content and structuring the layout of the pages.
2. We can audit your current Sanity CMS setup and suggest the best practices when it comes to SEO, A/B testing, localization, content creation, analytics, and more.
3. If you're building or you have a headless commerce site, we can use Sanity CMS to empower the content of your site to build stories around the products you sell. The connection between Shopify and Sanity CMS is seamless, and we leverage it to implement powerful headless commerce capabilities.
You can read more about our other web development services here.
Yes. In fact, we can also support businesses with these migrations, notably from WordPress to Sanity.
And, if you're worried about losing your SEO efforts, you needn't be. As long as we keep the same URL structure (or put redirects in place) and keep the semantic structure of the page similar, you will still see the original SEO benefits.
One of the main advantages of Sanity is that your content will be structured, and you'll be able to export it at anytime. This means there's no vendor lock-in.
There are several ways to get support for Sanity CMS:
Yes, it is possible to use Sanity CMS in conjunction with Shopify to build an e-commerce website. In fact, we are a Shopify partner as well and have built multiple headless commerce sites integrating both technologies.
As a specialist ecommerce agency, we also use Sanity and Shopify to offer a variety of development services for ecommerce businesses including
You can also read more about the integration between Sanity and Shopify on our Tinloof Store case study.
To create and manage content in Sanity CMS, you'll need to use the Sanity Studio. The Sanity Studio is a web-based interface that allows you to create, edit, and publish content for your website.
We published the guide on content creation with Sanity.
While there are many other alternatives for headless CMSes, they do not come close to Sanity when it comes to combining all the benefits we've mentioned.
Tinloof became a Sanity agency after trying multiple alternatives, and our clients are now happy with the content management experience we offer them.
Sanity also integrates well with Shopify, making it a breeze for ecommerce businesses to write content. You can read more about our headless commerce web development approach here.