What is MM Base?

MM Base is an admin project that integrates the web markup tool Mark up manager with the Backend-as-a-Service (BaaS) platform Supabase.
It allows you to set webpage meta information and create/store content.

Why MM Base?

During service operation, static pages that do not rely on external APIs—such as guides, notices, event announcements, and terms of service—are often needed.
However, creating and editing such pages can be tedious for developers, requiring a rebuild and redeployment even for minor typo corrections.
MM Base solves this problem by enabling non-developers to directly edit and publish content from the web.

Key Features

• Create and design various types of content (text, images, videos, etc.)
• Toggle content publish/unpublish (ON/OFF)
• Automatically handle meta images, titles, and descriptions for link sharing
• Multilingual translation and management (Translator)

Prerequisites

Before using MM Base, complete the following 4 steps:

1. Sign up for Supabase and create a project
2. Create an mm_posts table in Supabase
3. Register an admin email in Supabase
4. Create an mm_assets bucket in Supabase

How to Use MM Base

Once Supabase integration is complete, you can store web content with MM Base:

1. Connect to Supabase using the MM Base “Supabase Connect” feature
2. Log in with the admin email account
3. Create a project and configure meta information
4. Create web content

Applying to Your Frontend

Content created in MM Base can be published in any environment—Next, Nuxt, React, Vue, Angular, etc.—using mm-renderer.

1. In your frontend project, run npm install mm-renderer
2. Use the Supabase Client to fetch mm_posts data and render the content

Pricing

MM Base is completely free to use.
However, since all data is stored in Supabase, charges may apply for API requests and storage usage according to the Supabase pricing policy.
To reduce these costs, MM Base automatically converts uploaded images into the efficient .webp format before storage.