FireStudio LogoFireStudio
ProductsAuroraMC

Configuration

How to customize and configure AuroraMC.

Configuration Guide

AuroraMC is designed to be easily configured via centralized files. Most changes can be made without touching the core logic.

1. Branding & Server Info

Edit config/site.config.ts to set your server's details.

config/site.config.ts
export const siteConfig = {
    serverName: 'YourServer',           // Display name
    serverIp: 'play.yourserver.net',    // Server IP for status check
    discordUrl: 'https://discord.gg/...', 
    supportEmail: 'support@example.com',
    
    // Branding
    mainLogo: '/server-logo.png',
    smallLogo: '/server-icon.png',
    favicon: '/server-icon.png',
    heroBackground: '/server-background.png',
};

[!IMPORTANT] Make sure to place your image files in the public/ directory with the names matching your config.

2. Product Setup

Products are defined in src/lib/store-data.ts. You can add as many products as you like.

src/lib/store-data.ts
export const products: Product[] = [
  {
    id: 'rank-vip',
    name: 'VIP Rank',
    price: 10.00,
    image: '/images/vip.png',
    category: 'gold',  // 'gold', 'xolar', 'nova'
    subcategory: 'ranks',
    description: 'Unlock exclusive perks!',
    features: [
      'Chat Prefix',
      'Fly Mode',
      '2x Gold Multiplier'
    ],
  },
];

Linking to Tebex

To make purchases work, you must map your local id to the Tebex Package ID in config/products.config.ts.

config/products.config.ts
export const productMapping: Record<string, number> = {
    'rank-vip': 1234567, // Get this ID from Tebex URL
};

3. Discount Codes

You can manage hardcoded discount codes locally if you aren't using Tebex's built-in system exclusively.

Edit src/lib/discount-codes.ts:

export const discountCodes: DiscountCode[] = [
    {
        code: 'WELCOME10',
        discountPercent: 10,
        maxUses: 100,
        description: 'Welcome discount'
    },
];

4. Theme Colors

AuroraMC uses Tailwind CSS. You can customize the color palette in tailwind.config.ts.

tailwind.config.ts
colors: {
  primary: {
    DEFAULT: 'hsl(280, 70%, 60%)', // Change your primary color here
    foreground: 'hsl(0, 0%, 100%)',
  },
  // ...
}

On this page