sanity cms что это
Content is Data
Sanity.io is the unified content platform that powers better digital experiences
Powering exceptional digital experiences everywhere
Built to be built on
Sanity is the most flexible platform for building data driven content solutions.
Content Lake
Use structured content to integrate across organizations and disciplines, assembling your infrastructure from the best components.
Sanity Studio
Collaborate and customize. Sanity Studio is a real-time toolkit for creating efficient data-driven content applications.
Developer Experience
By developers, for developers. Our open and flexible platform uses tooling you already know so you feel right at home, right away.
Sanity is a perfect mix of ease-to-use paired with the ability to customize almost anything you want
Javascript developer + Syntax.FM host
Everyone on the same page. For real.
Sanity is the first content platform to empower teams of all sizes with real-time collaboration, advanced version control and more.
Really real-time collaboration
Real-time collaboration, live multi-user editing, track changes. With Sanity you’re never blocked and never locked out. Work together like never before.
Fit your team
Empower your team with customized editing environments that work like they think.
Come together
Let content creators, designers and developers come together, while separating content from presentation. Develop, review, ship and iterate.
Sanity has helped us transform the way we deliver content. It’s easy to customize and extend to meet our growing business needs.
Make magic
When you’re no longer blocked by your tools, you’ll be amazed at what you can create.
Rich Brilliant Willing
Cornerstone OnDemand
Cloudflare
Content Velocity, Unlocked
Marketing sites
Better stories. To more people. With less effort.
E-commerce sites
Better product + content experiences
Mobile apps
Structured content for every native OS
Products & services
Innovate and automate from the inside out
Don’t just take our word for it
Sanctuary Computer
Between u and me, @sanity_io is the best and most futuristic CMS we’ve ever used, we can’t imagine using anything else
Kelly Quantrill
Getting started with @sanity_io and I love their i-made-this Slack channel. It’s motivating seeing other people’s integrations and projects.
Alex Bruns
After trying nearly every headless CMS under the sun, I’ve come to the conclusion that @sanity_io is
2 years ahead of the closest competitor. It’s just so much more thought-out than most.
Eivind Lindbråten
I’m using @sanity_io with Next.js, and I just tell clients «this is what I work with, and what I can guarantee lets me build the best products».
Sanity enabled us to dial up our velocity to 11 with maximum ease and a value to match. The ship of engineers, designers, editors, and stakeholders has never sailed so fast.
Senior Product Marketing Engineer, InVision
The fastest, most flexible React CMS
Sanity is an open-source API-based CMS built with React.js.
With Sanity you can define your own content models in JavaScript and customize the editing interface with your own React.js components.
It’s the fastest and most flexible way to manage and deliver content to digital devices and products.
React from front to back
Manage all your code with the same JS framework and component-based way of thinking. Plays well with popular frontend frameworks like Gatsby and Next.
Custom editing experiences
Bring your own custom React components to our open-source editing environment. Shape workflows in ways that work best for your team.
Powerful APIs & query languages
Read, write, and patch in real-time with the most powerful and flexible APIs of any headless CMS. Query documents with GraphQL and GROQ.
Powering exceptional digital experiences everywhere
Started using @sanity_io for a friend’s startup project. As I am using react components. Loving it! It allows developers to define a simple schema for content that is easily deployed using command line interface #cms #reactjs #sanity_io
Custom editing interfaces
With Sanity Studio you can build content infrastructure that provides immediate value while providing a clean and intuitive interface for your editors.
It can be configured in minutes and offers free-form customization with your own React components. The interface is fully responsive – so you can edit and manage content on-the-fly from your phone.
Powerful APIs and query languages
Sanity offers the most flexible and powerful APIs of any Content Management System. They’re not only great at reading, writing, and patching, but they let you do it in real-time, so you don’t have to worry about document locking and race conditions.
Query documents with the popular GraphQL, or our very own GROQ: which lets you get exactly what you need, in any way or form you need it.
No maintenance or overhead costs
You don’t need to know how to manage database clusters or scale global infrastructures to work properly with structured content. We take care of it for you, and offer a fully managed, reliable & compliant, cloud-hosted database for your content.
React developers love working with Sanity:
“. it’s just SO easy. I made both the site and CMS in about half a day total. Modeled the ThemeUI and content schema in GraphQL SDL, wrote the custom bits for the editor in React, and barely had to anything on the Gatsby side. I don’t know how the DX could be much better!?”
“The CMS is made with react and it’s open source so you can extend/tweak it unlike competitors like Contentful. Content modeling is flexible and powerful. It has a generous free tier and after that you pay only what extra you need.“
Full-stack React starter projects
Get your ideas on Netlify within minutes. Our popular starters give you with a customizable React CMS combined with popular frontend frameworks like Gatsby and Next.
Build your own React CMS
To get started in minutes, try Sanity’s fully customizable blog template. It comes with a fully configured Sanity Studio and a best-practice react cms frontend made with the popular framweork: Gatsby.
Or dive deeper with our step-by-step Sanity + Next.JS tutorial. It shows you how to:
If you’d prefer to configure your own React CMS from scratch, install the Sanity CLI:
The benefits of using a React-based Headless CMS
Better developer experience
Recent advances in component-based Javascript frameworks have improved developer workflows and satisfaction. React.JS is the most popular JS framework with the broadest ecosystem.
Our dynamic React-based editing environment is fully real-time; every keystroke is stored and shared in an instant. It also tracks changes, retains a detailed history, and offers one-click restores.
Respond to editor needs
You have the freedom to structure Sanity Studio however you like. Use React patterns to group content types in meaningful ways, hide the stuff you don’t use every day, combine rich document list-views from any field, and brand the studio in your own image.
Reuse content across multiple channels
You don’t have to get by with managing content in different places. We provide scalable storage, flexible APIs, and best-in-class tools for structuring content so you can build exactly what you need, then fetch and query it for any channel you like.
The Sanity Studio ships as an open-source single page React app. Install plugins from npm or build your own. You can also integrate Sanity in your own applications.
Easily combine rich-text with data
Sanity treats your content as data, and data as content. There’s no HTML, just JSON from beginning to end. Add semantic metadata to any field, annotate any text or inline object, and access everything from an edge-cached global CDN.
Enhance content through third-party APIs
You can connect Sanity with API-based 3rd party services for better content workflows. Send content back and forth between services places like Slack and Hubspot to get more done and reduce management tasks.
Sanity’s flexible modeling and UI customization capabilities let you iterate quickly and evolve as you go. So you can reduce your time to market and work with content from day one.
Serve content from a global CDN
Your content lives on a fully-managed data store hosted in the cloud and a global asset CDN. So you can focus on building great content and experiences instead of worrying about servers, space and bandwidth.
After playing around with different #JAMstack combos, #headlessCMS, SSGs for @react, etc. I think I’ve finally landed on my ultimate, seamless, buzzworded, undefeatable ultra stack: @sanity_io (cms) + #createreactapp (just react😍) + #reactsnap (ssr) + @Netlify (prerendering).
Sanity: more than a headless CMS
Sanity’s features go beyond the offerings of popular headless CMSes, and the older monolithic CMSes on the market. Here’s why:
Sanity is a perfect fit for teams that need a way to manage content alongside legacy in-house systems, serverless AI content augmenting services, and digital products of any kind.
Try Sanity React.js CMS
Generous quota included. Pay-as-you-go for users, usage and features on all plans.
Node.js CMS
Sanity is an open-source API-based Headless CMS for Node.js. Use Sanity to build the fastest, most flexible CMS for delivering content to digital devices and products.
Powering exceptional digital experiences everywhere
The best editor interface
With Sanity Studio you can build content infrastructure that provides immediate value while providing a clean and intuitive interface for your editors and developers as needs evolve. The editing interface offers rapid configuration and free form customization. Sanity Studio is also responsive and can be used from your phone whenever you need to change content.
As far as headless CMSes go, sanity.io seems to be leaps and bounds beyond anything else I have seen.
Powerful API and query languages
Sanity offers the most powerful and flexible APIs of any of the CMSes, with both GraphQL and GROQ for querying your documents. Not only are the APIs excellent for reading, writing, and patching, they let you do so in low-latency real-time. You don’t need to worry about document locking and race conditions.
Node.js Content Management System
To get started in minutes, try Sanity a blog or portfolio template made with Gatsby. The starters comes with a fully configured Sanity Studio and a best practice react cms frontend framework.
Try Sanity Node.js CMS
Generous quota included. Pay-as-you-go for users, usage and features on all plans.
Next.JS CMS
Sanity is an open-source, API-based CMS that pairs perfectly with Next.js.
Be on the cutting edge of JavaScript across front and back end. Write serverless calls to the Sanity API in Next.js and connect your app to a performant, extensible CMS in only a few lines of code.
It’s the fastest, most developer-friendly way to build and ship digital content.
One stack, all React
Like Next.js, Sanity is written in React. Have happy, productive developers work in one framework across your product.
Powerful APIs at your fingertips
Pair the most popular React framework with the most powerful and flexible API of any headless CMS. Query documents with GraphQL and GROQ when you build your pages; make them interactive with the ease of Next.js’s serverless API.
Take it worldwide
Both Next.js and Sanity contain in-built support for internationalization, allowing your content to go global faster and more easily than ever before.
Worry about writing code after you’re already up and running.
With Sanity’s Next.js starters, you can deploy a full-stack, best practices content app in a few short clicks. Create an interactive blog with comments, an ecommerce site with Shopify, a fully-featured video conferencing platform, and much more.
Or get started using the CLI
Combine Next.js’s getStaticProps() with Sanity’s native JavaScript client and connect your front end to a user-friendly, fully-featured CMS in the time it takes to make coffee.
That’s all the code you need. Seriously.
Best in class developer and user experience
Give everyone on your team something to celebrate. Next.js puts the essentials of modern React development at your fingertips. With Sanity, get a back end that can keep up with it, and enjoy a performant, user-friendly CMS with the extensibility of a managed database.
Live previews
With your own repo, studio, and front end published, wire up Next.js and Sanity’s real-time serverless previews and see exactly what your content looks like before it’s published.
CDNs everywhere
Pair Next.js’s Vercel with Sanity’s edge-cached global CDN and deliver content at lightspeed across your stack. From incrementally publishing changes on your front end, to deploying changes to a customized React studio, do everything at the speed of modern web development.
The biggest communities with the most tools
Take advantage of a React stack that’s well-loved the world over.
Visit Sanity Exchange to find guides, starters, plugins, snippets, and themes to easily customize your workflow with Next.
Ever add user auth across your React app with a plugin? Wouldn’t it be nice to deploy to Vercel straight from your CMS? The community has written plentiful guides, from styling your site to integrating it with third party APIs.
«@sanity_io with next.js. I don’t think there is a more flexible CMS out there.»
A dream stack for beginner and advanced devs alike
There’s no better stack to learn the basics of modern JAMstack development. Next abstracts the hardest bits of front end app dev, while still leaving you full freedom. Sanity removes the headaches of devops, self-hosting, and rigid content models and gives you total creative control.
Learn more with our own FreeCodeCamp tutorial!
» frameBorder=»0″ allow=»accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture» allowfullscreen=»» loading=»lazy» title=»Next.js for Beginners»>
Developers love working with Sanity:
“. it’s just SO easy. I made both the site and CMS in about half a day total. Modeled the ThemeUI and content schema in GraphQL SDL, wrote the custom bits for the editor in React, and barely had to anything on the Gatsby side. I don’t know how the DX could be much better!?”
“The CMS is made with react and it’s open source so you can extend/tweak it unlike competitors like Contentful. Content modeling is flexible and powerful. It has a generous free tier and after that you pay only what extra you need.“
Powering exceptional digital experiences everywhere
Build a Next.JS CMS
Generous quota included. Pay-as-you-go for users, usage and features on all plans. Host a DIY studio for free, or serve enterprise content with confidence.
Что такое Headless CMS (простыми словами)
Headless в переводе с английского значит «без головы». Под «головой» (head) в web-разработке понимают фронтэнд (frontend) – интерфейс системы, то есть та часть, с которой работает пользователь. Соответственно, Headless CMS – это система управления контентом, которая изначально проектируется без фронтенда, а только с API (программными интерфейсами для взаимодействия с внешними приложениями и сервисами).
Такой подход позволяет подключать к ядру Headless CMS любой frontend, на какой бы платформе он ни работал и на каком бы языке ни был написан. Мало того, такая система может работать одновременно с несколькими каналами дистрибуции, и везде вы будете управлять контентом фактически централизованно. Это свойство омниканальности.
Термины… нужно больше терминов
Без расшифровки основных аббревиатур и понятий, которыми пользуются разработчики сайтов и мобильных приложений, будет непонятна основа архитектуры Headless CMS и её преимущества. Поэтому произведем небольшой ввод в тематику.
API – это программный интерфейс взаимодействия различных web-сервисов между собой. Простыми словами, это стандартизированный язык команд, которые понятны обеим сторонам / обеим программам, вне зависимости от того, на каком языке они написаны, какую внутреннюю логику обрабатывают.
CDN (Content Delivery Network) – сеть доставки контента. Это распределённая инфраструктура из серверов или целых ЦОДов, которая отвечает за хранение статического контента как можно ближе к пользователям. С одной стороны, экономится международный трафик (а он очень дорогой), а с другой – снижается время отклика страниц и повышается доступность сайтов для конечных потребителей. Чем масштабнее CDN, тем больше точек присутствия (обычно точки связываются с целыми регионами или с отдельными странами).
Генераторы статических сайтов (SSG) – это современные web-приложения (в качестве последних могут рассматриваться и приложения для мобильных устройств), которые могут предварительно комбинировать данные, участвующие в построении страниц, и создавать их готовые «статичные» копии. Иными словами – это новая реализация старого подхода (как с готовыми HTML-страницами, которые достаточно загрузить на хостинг). Примеры генераторов статичных сайтов: Gatsby, Next.js, Jekyll, Hugo, MkDocs и т.д.
Рендеринг – это процесс построения дерева DOM-объектов (всех объектов страницы, к которым нужно применить те или иные стили), чтобы браузер мог отобразить содержимое так, как это задумывалось. Рендеринг может быть серверным (пре-рендеринг), когда HTML-всех страниц заранее создаётся специальным программным обеспечением на сервере, или клиентским, когда за отрисовку всех элементов полностью отвечает браузер пользователя (тратятся дополнительные ресурсы и время).
Преимущества Headless CMS относительно классических CMS
Вот тут как раз и пригодятся обозначенные выше термины.
Классические CMS – это системы управления контентом, которые изначально спроектированы для работы с одним сайтом (с одним интерфейсом). Когда клиент запрашивает конкретную страницу, запрос перенаправляется web-серверу (например, Apache). Тот в свою очередь запускает выполнение динамического кода, например, скриптов PHP, и при необходимости обращается к серверу баз данных. Страница в реальности строится динамически (отсюда и понятие «динамические сайты) – из кусков HTML-кода, JavaScript-логики и данных, хранящихся в БД.
При каждом обращении страница перестраивается заново. На это тратится время и ресурсы сервера. Если сайт написан на JavaScript, рендеринг может осуществляться на стороне клиента (браузером), но при этом всё равно могут отправляться дополнительные запросы к базам данных, хранящимся на сервере.
Headless CMS работают преимущественно с генераторами статических сайтов и придерживаются архитектуры Jamstack. Интерфейс всех возможных страниц можно сгенерировать (отрендерить) заранее на сервере и готовый контент хранить в статичном виде на серверах CDN-провайдеров. Таким образом существенно сокращается время отрисовки страниц, так как браузерам или мобильным устройствам отдаётся уже статический контент, и время доставки, так как CDN-сервер расположен ближе всех к потенциальному клиенту.
Другие преимущества Headless CMS:
Минусы Headless CMS
Headless CMS пока остаются инструментами для профессионалов. Как минимум для их интеграции и настройки понадобятся программисты.
Большинство продуктов на рынке рассчитано на работу крупных команд и не имеет русскоязычного интерфейса.
Headless CMS логично размещать в облаке, чтобы получить максимум доступности и гарантированное обслуживание запросов. А это повышенные расходы.
А еще такие CMS категорически не подходят для хобби-проектов (блоги, инфосайты и т.п.) – слишком сложная архитектура и внедрение.
Какие бывают Headless CMS
Условно Headless CMS можно разделить по нескольким критериям:
Кроме того, Headless CMS могут работать с плагинами/расширениями, предлагать готовые варианты интерфейсов или даже предоставлять специальные среды разработки.
Некоторые Headless CMS умеют работать не через API, а напрямую с базами данных, но это уже слабо соотносится с архитектурой Jamstack, хотя и подходит под определение «Headless».
Лучшие Headless CMS
На текущий момент на рынке представлено достаточное количество узкопрофильных CMS – более 50 вариантов. При этом между классическими CMS и Headless очень тонкая грань. С помощью специальных плагинов или просто за счёт реализации API обычная коробочная CMS легко превращается в «безголовую». Традиционно к Headless CMS относят только те движки, которые изначально ориентируются только на API. Ниже перечислены лучшие представители в отрасли.
Ghost – open-source Headless CMS с наибольшим количеством звёзд на GitHub
Ghost – это лучший инструмент для крупных издательств с открытым исходным кодом. Проект зародился в 2013 году благодаря успешной кампании по сбору средств на Kickstarter. Сейчас эту CMS используют более 2,5 млн. клиентов. Есть PRO-редакция сервиса (облачная инфраструктура от разработчиков), её оборот превышает 3 млн. USD/год.
Ghost часто используют в нишевых проектах, например, инфосайты с моделью подписки, премиум-публикациями, платными рассылками и т.п.
Ghost легко устанавливается на собственный хостинг и интегрируется с типовыми решениями и сервисами. Например, есть готовые интеграции с социальными сетями, с видео-хостингами, с маркетинговыми и SEO-инструментами, с сервисами приёма платежей, email-рассылками и т.д. При желании можно арендовать готовую облачную инфраструктуру. Есть возможность работы с базами данных (по умолчанию SQLite или MySQL, но перечень легко расширяется). Готовые темы интерфейсов можно скачать или приобрести в специальном онлайн-магазине (если нет времени заниматься разработкой своих). Есть настольное приложение для управления контентом (поддерживаются все популярные операционные системы, включая Linux).
Для размещения этого ПО требуются хостинги с особой конфигурацией: с поддержкой Node.js и npm, или готовые docker-контейнеры, или VPS-серверы, которые придётся настраивать под себя. В любом случае – это нетиповой подход. Интерфейс админ-панели без поддержки русского языка. Сложная установка и настройка для неспециалистов.
Стоимость. Полностью бесплатно, если вы устанавливаете CMS на свой сервер. Доступ к готовой облачной инфраструктуре – от 29 USD/месяц.
Cockpit – система управления контентом, написанная на PHP
Cockpit – одна из немногих Headless CMS, которые можно установить на классический shared-хостинг, где есть поддержка баз данных MySQL/ SQLite и языка программирования PHP. Иными словами, это решение, которое можно применять вне специализированных хостингов и собственных виртуальных серверов.
Это программное обеспечение тоже имеет открытый исходный код и распространяется полностью бесплатно. При желании вы можете воспользоваться платной технической поддержкой.
В отличие от многих конкурентов, Cockpit изначально поддерживает большое количество языков интерфейса, есть в перечне предустановленных и русский. Админ-панель проста и понятна в управлении. Есть поддержка мультиязычных сайтов (например, если нужен контент на разных языках для одной и той же страницы).
Возможна установка плагинов/дополнений, расширяющих стандартный функционал. Очень гибкая настройка моделей контента.
CMS Cockpit поддерживается всего одним программистом. Нет реализации готового облачного сервиса с высокой доступностью, всю инфраструктуру придётся организовывать самостоятельно. Пока есть только небольшое количество дополнений. Модели контента придётся настраивать самостоятельно (нет готовых интеграций для популярных решений).
Стоимость. Использование CMS бесплатное.
Sanity – качественный облачный сервис с бесплатным тарифом
Sanity – это высокопроизводительное решение для команд разработчиков разного уровня. Подходит в том числе и для крупного энтерпрайза. Sanity будет особо интересна при коллективной работе редакторов/авторов: есть согласование изменений и версионирование, все изменения отображаются в реальном времени.
Сервис быстро интегрируется с существующими интерфейсами, для разработчиков предоставляется подробная документация. Несмотря на то, что проект существует с 2017 года, у него уже есть своё сложившееся сообщество и большое количество плагинов/дополнений.
Для более удобной работы с контентом предоставляется специальный инструмент с открытым исходным кодом – Sanity Studio (одностраничное приложение, написанное на JavaScript). Есть плагины и готовые интеграции с популярными сервисами/инструментами для разработки, а также масса примеров (стартовых проектов) и подробная документация.
Даже в бесплатном тарифе есть кэширование контента и доставка его через CDN. Многие лимиты – мягкие. Это значит, что, если вам недостаточно ресурсов, вы можете докупить их в необходимом объёме. Поэтому ценовую политику можно назвать очень гибкой.
Относительно сложная модель развёртывания: получается, что для работы с сервисом вам необходимо не просто иметь аккаунт в системе, но и установить на своём сервере CMS (Sanity Studio), которая будет обращаться с запросами к сетевой базе данных Sanity. При этом язык запросов (API) нестандартный – используется GROQ. Поддержку GraphQL можно добавить только после установки специального плагина.
Стоимость. Базовая подписка – бесплатная. Она включает в себя определённые квоты, например, по количеству пользователей (не более 3-х), запросам к API, дисковому пространству (5 Гб) и т.д. При необходимости их можно расширить. Но ряд лимитов задан жёстко, для их снятия или для расширения функционала нужно перейти на другой тарифный план – от 199 USD за проект в месяц + свои расширяемые лимиты.
Выводы
Headless CMS – это узкопрофильные решения, рассчитанные на нетиповые проекты и команды разработчиков. Без технических специалистов их не получится не только настроить, но и установить.
Современный рынок предлагает достаточное количество реализаций, но все они слабо коррелируются с типовым внедрением в малом бизнесе и в хобби-проектах. Это скорее энтерпрайз.
Многие клиенты предпочитают обратный путь, когда для расширения количества каналов доставки контента реализуется API у имеющейся классической CMS. Так получается дешевле, чем начинать всё сначала: от разработки интерфейсов до интеграции их с CMS, пусть и с Headless.
Тем не менее, в определённых ситуация внедрение Headless CMS более чем оправдано.