The best start your Sanity project
can get.
Lucidity.js is an enterprise-grade monorepo framework for engineering teams building on Next.js and Sanity. Multisite, multi-lang, visual editing, caching, security and 40+ features, all from day one.
Cut 6 months off your delivery timeline with a codebase that's documented and ready to extend.
Built with Lucidity.js
Lucidity is the Next.js and Sanity framework used in production by some of the most innovative organisations on earth.
What you get
6 months of development.
Ready on day one.
Lucidity.js is built on a modern, battle-tested stack, the same tools trusted by engineering teams at some of the world's leading organisations. No experimental dependencies, no niche frameworks. Just the right tools, configured properly.
6+ months
head start on development work
40+
production features out of the box
Unlimited
sites from a single licence + codebase
Configured Sanity Studio
Visual Editing and live previews
Multisite and multilang from the ground up
Security built in, not added on
No single point of failure
Modular content blocks
Enterprise
Designed for teams that need it to work from the start.
Lucidity.js is built for engineering and product teams at organisations where content infrastructure is business-critical.
What's included:
- The full source code is yours to own, modify and deploy indefinitely
- One year of updates, bug fixes, and compatibility releases
- GitHub access for tracking issues
- A dedicated Technical Account Manager (TAM)
- A Slack Connect channel with our support engineers
- Onboarding sessions to get you set up
- Monthly check-in sessions
Available separately:
- Forward deployed engineers to ship alongside your team
- Architecture and review sessions
- Migration and launch support
- Training and enablement
Turnkey adoption
Clone the repo, configure your environments, add your branding, and deploy. Most teams deploy to production within a week.
Extensible by design
You can see exactly how it works. Every package is documented, typed, and designed to be extended.
Long-term confidence
What you're inheriting is a result of solving real problems for complex, content-led organisations, refined through every deployment into something we'd build again today, exactly as it is.
Onboarding and consultancy
For teams that want additional support, onboarding workshops, architectural reviews implementation consultancy are available separately.
Features
40+ features.
All pre-configured.
Everything your team needs to run a content lead product at scale.
Spotlight / Multisite
One codebase.
Unlimited sites.
For global organisations, multi-brand companies, and non-profits managing regional sites, the challenge isn't building one good site. It's maintaining all of them without the work multiplying every time you add another.
Most teams solve this the hard way. A new site means a new codebase, a new deployment, and a new set of engineering problems to solve from scratch. Over time that compounds: more repos to maintain, more inconsistencies to manage, and more engineering time spent keeping everything in sync rather than improving the product.
Lucidity.js is built so that doesn't happen. Every site you run shares the same component library, design system, and CMS tooling. Your editorial teams work independently in their own content environment, with their own workflows and access controls, but the underlying platform is one thing your engineering team maintains once.
Adding a new site isn't an engineering project. It's a configuration decision.
Tech stack
Industry-standard tools.
Enterprise-grade from the ground up.
Lucidity.js is built on a modern, battle-tested stack — the same tools trusted by engineering teams at some of the world's leading organisations. No experimental dependencies, no niche frameworks. Just the right tools, configured properly.
Next.js v16
Industry-leading framework for production web applications.
Sanity v5
Headless CMS of the year 4 years in a row.
Turborepo
Monorepo build system built for scale, by Vercel.
React v19
The UI library powering the world's most complex web products.
TypeScript
Type-safe development across every app and package.
Storybook v10
The standard for building and documenting component libraries.
Tailwind CSS
Utility-first CSS used by engineering teams at scale.
Enterprise
Built through iteration, not theory.
Lucidity.js’s architecture has been shaped through repeated builds for complex organisations. Each structural decision reflects what consistently worked, refined over time through real-world use. You’re not inheriting a clever idea, you’re inheriting a system that’s been continuously improved to handle challenges your team may not have even encountered yet.
apps/web
The Next.js frontend. App Router, multisite routing, visual editing integration and all your page templates
apps/sanity
The Sanity Studio. Fully customised with actions, structure builder, custom components and all schema types.
apps/storybook
Component library and design system workshop. Isolated component development and visual regression testing.
11 shared packages
sanity-toolkit, modular-content-blocks, security, next-proxy, pte-utilities, utilities, config, tooling, and more.
Convince your director
The business case,
plainly started.
Lucidity.js isn't just a technical decision — it affects timelines, headcount, editorial velocity, and long-term maintainability. Here's what that looks like in concrete terms.
These figures are useful context for conversations with engineering directors, heads of product, and CTOs.
6 months
of engineering time recovered.
The infrastructure is already built.
Multisite routing, cache invalidation, Studio configuration, security — this work costs 6 to 12 months of senior engineering time. With Lucidity.js, your team inherits it on day one.
Day 1
onboard your editorial team.
No waiting on infrastructure
Your content team can log into a fully configured Studio straight away. There's no period where editorial ambitions are waiting on engineering to catch up.
Unlimited sites
one engineering team.
Scale without the headcount.
For organisations managing multiple brands or regional sites, one team can own all of them.
No duplicate codebases and no duplicate maintenance cost.
Low
bus factor risk.
Architecture that survives team changes.
One of the highest sources of engineering risk in content teams is an undocumented, bespoke CMS. Lucidity.js is built on SanityCMS, the industry leader four years running, and is fully documented and fully typesafe, which means you’re not dependent on any one engineer.
Zero
lock in.
Full source code. No dependency on us.
You own the codebase from day one. Lucidity.js is a starting point, not a platform subscription. If you stop working with us tomorrow, your codebase continues operating exactly as it did.
1 year
of updates included.
A foundation that stays current.
Your licence includes one year of updates. New features, compatibility updates, and bug fixes delivered via the same GitHub repository. Raise issues, track progress, and stay current without any additional cost in year one.
Answers to likely concerns and questions
Can't we just build it?
To create something like Lucidity.js yourself would take several thousands of development hours, a deep understanding of Sanity and Next.js, and a team of UX and engineering specialists. Buying Lucidity saves you that time and money, and significantly de-risks your Sanity project.
Aren't we dependent on a third-party?
No. You own the full source code from day one, with no platform subscription. All packages used are appropriately licensed for your commercial use. Our plan includes a year of Lucidity updates.
What if we need to change things?
Lucidity is designed to be configured and extended. Every package is modular and well documented.
Is there support if something goes wrong?
For bugs and feature requests, support is available with the direct team via GitHub. We’re also available for white glove onboarding and hands-on support, with a dedicated Slack Connect channel, via an additional consultancy service.
Documentation
Documentation written for real engineering teams.
Lucidity.js is built on a modern, battle-tested stack, the same tools trusted by engineering teams at some of the world's leading organisations. No experimental dependencies, no niche frameworks. Just the right tools, configured properly.
View the docsQuick start
The quickest route to getting a Lucidity.js project running locally.
Philosophy
Guiding principles for the development of Lucidity.js.
Features
Everything your team needs to run a content lead product at scale.
Enterprise
Guidance for teams preparing Lucidity.js for larger programs and enterprise delivery.
Guides
Guides on core concepts within Lucidity.js
Get Started
Let’s talk about what you’re building
We'll take the time to understand your stack, your team, and your editorial requirements, and give you an honest view of whether Lucidity.js is the right fit.
Talk to salesWhat is Lucidity.js?
Lucidity.js is an enterprise-grade framework for building multi-site, multi-language websites and content-driven experiences.
It deeply integrates Next.js with Sanity CMS to create a publishing platform that is fully functional and enjoyable to use.
Thousands of hours of development time have been spent on Lucidity.js by our team of UX and engineering specialists. Its aim is to be the most feature complete, enterprise-grade template for Sanity.
Taking our decade of Sanity and Next.js experience, we've built it from the ground up on the learnings of building other real-world, enterprise digital experiences.
Read our What is Lucidity.js page for more details.
Who is Lucidity.js for?
Our focus is on global organisations looking to deliver content across multiple mediums, in multiple languages.
If you're managing multiple websites, apps, digital experiences, or other internet-connected UIs, Lucidity.js is likely a great fit for you.
Lucidity.js is designed to manage and deliver your content across these outputs efficiently, whether you have a centralised editing team, or a globally distributed one.
Lucidity.js helps with local-to-global content, local content guardrails, and re-using content where appropriate across outputs.
Lucidity.js is ideal for organisations looking to derisk their Sanity projects, but who may not have budget to pay for a Sanity specialist partner.
Lucidity.js ensures you have a practical start point with a well-designed, future proofed Sanity build, with long-term flexibility and Enterprise-level support.
Learn more in our use cases for Lucidity.js.
Who is Lucidity.js not for?
For simple, single marketing websites in a single language, this starter kit may not be for you.
For these use cases you may be better served by simple starters like SanityPress or Turbo Start, which are free to use.
However, if later you need to move to a multi-site or multi-language setup, there is considerable work required to build that in to these starters.
This starter kit may be a good choice if you know you'll be expanding into multiple sites or languages.
Why should we buy Lucidity.js instead of building our own Sanity setup?
Building something equivalent to Lucidity.js typically takes several thousand hours, a deep understanding of Sanity and Next.js, and UX and engineering specialists.
Buying Lucidity.js saves that time and money and significantly derisks your Sanity project.
Sanity puts emphasis on letting you build whatever you need in the CMS. However, this means there are fewer features out of the box than you would find with other headless CMS options.
Multi-site, i18n, redirects, flexible page sections, caching strategies, performance optimisations, and more are built into Lucidity.js.
With a well-designed architecture and features ready to use, Lucidity.js lets your team focus on what is unique to your organisation.
Why buy Lucidity.js over a free starter kit?
Free starters are a great fit for simple sites. If you only need a single marketing site in one language, a lighter starter may be enough.
If that is your situation, we would recommend SanityPress or Turbo Start.
However, if you're managing and delivering content to multiple sites or experiences, in multiple languages, or need strong editorial UX and workflows, Lucidity.js is the best choice.
Lucidity.js gives your team a solid framework to build upon, and the necessary features to let you launch quickly and with greatly reduced risk.
How does Lucidity.js reduce delivery risk?
Starting without Lucidity.js means starting from one of a few other starter kits, either from Sanity themselves or from the community. These are simple demonstrations of taking content from Sanity and displaying it on a page.
It doesn't include the many features a global organisation needs to manage and deliver that content. This means these features need building before you can start delivering content.
It also doesn't integrate multi-site support into the Studio and the Website, which takes significant planning and effort.
Teams moving to Sanity for the first time also do not have a depth of Sanity experience yet. Without Lucidity.js, these teams will be building critical content infrastructure using Sanity for the first time.
This infrastructure will be what's used for the next few years, so it needs to be correct, and it needs to scale.
With Lucidity.js, you inherit thousands of hours of development and expertise from UX and Engineering specialists.
We've developed it from the ground up based on learnings from other real-world, enterprise digital experiences we've built.
We've also worked closely with Sanity solution engineers to ensure it's compatible with all Sanity features, now and into the future.
What features does Lucidity.js include out of the box?
Alongside the configured and integrated Next.js and Sanity apps, Lucidity.js includes many features that cover editorial experience, multi-site and multi-language delivery, and content architecture.
It also includes SEO and metadata tooling, sitemaps, RSS feeds, redirect management, and support for AI crawlers.
Developer experience features include helpers for validation and structure, a Next.js middleware proxy pipeline, and Turborepo with Turbo generators.
Security, performance, governance, durability, observability, monitoring, analytics, and QA/testing capabilities are also included out of the box.
For a full breakdown of the included features, see our Features page.
Can I customise and change Lucidity.js?
Absolutely. Once you purchase Lucidity.js, you have full control over all of the code.
Lucidity.js is the starting point from which you can continue developing your own functionality.
For example, you can use your own Digital Asset Manager, tailor content workflows, adjust roles and permissions, or extend schemas as needed.
The codebase is intended to be owned and evolved by your team, not treated as a black box.
We've designed each feature with configuration and extensibility in mind. The config directories let you quickly configure certain options.
What license does the code come with?
When you purchase a Lucidity.js licence, you can use Lucidity.js for commercial and non-commercial projects.
You can modify the code to fit your needs.
You can use it in as many projects as you like.
As a freelancer or agency, you can create client projects using Lucidity.js (licence must be purchased per client).
You cannot re-sell Lucidity.js even with significant modification.
You cannot use the code to create a competing product or service, or another template.
You cannot share your licence with others.
For the full license breakdown, read our Licence page.
How many sites and languages can Lucidity.js support?
There is no limit on the number of sites or languages Lucidity.js can support.
What support is available after purchase?
We offer enterprise-level, hands-on support after you purchase.
Support includes a dedicated account manager, a Slack Connect channel with our support engineers under SLA, onboarding sessions, monthly check-ins, and product news and updates.
Beyond that, Hex Digital offers consultancy and delivery services if you need more capacity or depth.
This includes embedded engineers, architecture and review sessions, migration and launch support, and training and enablement across Sanity, Next.js, React, TypeScript, and adjacent tooling.