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.
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.
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.
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.
colors: {
primary: {
DEFAULT: 'hsl(280, 70%, 60%)', // Change your primary color here
foreground: 'hsl(0, 0%, 100%)',
},
// ...
}