Build content apps at zero friction./zer0_
Inline editing for text, images and objects. A Konami code-activated admin drawer, SEO management and component registry.
// components/TextExample.tsx
import Text from "@/cms/Text"
export default function ExampleTitle() {
return (
<h1 className="text-5xl">
<Text id="example-title">
Build content apps at zero friction
</Text>
</h1>
)
}Zero setup. Real editing.
Build apps and their backend at the same time. No migrations, no planning, no separate studios or deploys. IDs are your schema.
Database backend
Text, images, and other content saved directly to your own database.
Admin drawer
Konami-code to reveal auth-gated frontend layer, with tabs for SEO and utilities.
Component registry
See every auto-indexed registered editable component on the page and jump to edit it from the admin drawer or the frontend.
Get started in few quick steps
Add IDs, enter admin, edit inline, and your changes persist.
IDs are your schema
Connect your database, import tables structure and set up your project's environment file. Wrap your content with <Text id>, <Media id> and <Object id>.
Autosave
As you develop locally, the records are automatically added to the database. No migrations, no planning, no separate studios or deploys.
Made a mistake?
Add "default" parameter to the CMS component to revert to the original placeholder value or always force the hardcoded value.
// .env
NEXT_PUBLIC_SUPABASE_URL="https://your-project.supabase.co"
NEXT_PUBLIC_SUPABASE_ANON_KEY="your-anon-key"
NEXT_PUBLIC_SUPABASE_STORAGE_BUCKET="your-bucket"
SUPABASE_CMS_READ_SECRET="your-secret"
// Defined by you
NEXT_PUBLIC_ID="your-own-project-id"
NEXT_PUBLIC_KONAMI_CODE="any-text-you-want"Enter admin
Type the Konami code of your choice to reveal the auth-gated frontend layer and open the CMS drawer with login.
Authenticate
Enter your email and password to authenticate in the admin drawer.
To hide admin, re-type the code
When you're done editing, type the code again to close the drawer and hide the 0-CMS UI layer.
Type the code anywhere on the site.
Edit inline
Click to edit Text and update Media assets. <Object id> is a JSON object that can be edited raw or in visual mode with a myriad of automatically inferred fields.
Save to DB
Edits persist in database tables, then trigger revalidation and are loaded on next re-fetch or static site render.
Edit the content on live site.
Extra settings
Set up SEO metadata, add custom pages, find all the content in one place.
Bring up the admin drawer to reveal more options.
Simple, value for value model
Start free. Scale when you’re ready.
Starter
For personal and non-profit use
- Donate if you think it's fair!
- Contribute to the project in any way you can
- Provide valuable feedback and critiques
- Help us spread the word
- Send(we're maxis too!)
Pro
For teams shipping weekly
- Full commercial license
- Useful extras & components
- Vote on the roadmap
- Early access to new features & projects
- Access to private Discord server
Enterprise
For organizations with custom requirements
- Design and development of complete projects
- Custom per project features
- Dedicated complex integrations
- AI-powered solutions
- Priority, Slack-based support
Open-sourcing soon
Wide access to the project's GitHub repo is coming. Join the early-access list to get notified the moment it opens.
Talk to our team
Questions about fit, security, or migration? Send a message and we’ll get back within one business day.