Getting Started with MantleKit

Installation

To get started with MantleKit, run the setup CLI:

npx create-mantlekit --key YOUR_KEY

This will walk you through choosing your theme, payment provider, and features.

Project Structure

MantleKit follows a standard Next.js App Router structure with a few additions:

app/
├── (marketing)/    # Landing pages, pricing
├── (blog)/         # Blog system
├── (app)/          # Authenticated app routes
└── api/            # API routes

💡

You can switch themes at any time by changing the theme value in mantle.config.ts.

Configuration

All configuration lives in mantle.config.ts at the project root:

const mantleConfig = {
  theme: "minimal",
  database: true,
  features: {
    blog: true,
    ecommerce: false,
  },
};

ℹ️

When database is set to false, auth and social features are automatically disabled. This is the configuration used for the Landing tier.

Next Steps

Customise your theme's CSS variables in themes/<name>/theme.css
Add blog posts to the content/ directory
Configure your payment provider in mantle.config.ts