Welcome developers! We'd love to feature your game on the Realms World site. Follow this guide to add your game to our showcase.
- Your game should be built on or integrated with the Realms ecosystem
 - Have all required assets ready (images, screenshots)
 - Basic knowledge of Git and GitHub
 
# Fork the repository on GitHub first, then:
git clone https://github.com/YOUR_USERNAME/realms-world-site.git
cd realms-world-siteCreate a folder for your game in public/games/ with your game's slug name:
mkdir -p public/games/your-game-name/screenshotsAdd the following assets:
cover.pngorcover.webp- Your game's cover image (recommended: 16:9 aspect ratio)screenshots/folder - Add numbered screenshots (1.png, 2.png, etc.)
Edit src/data/games.ts to add your game information:
{
  id: 14, // Use the next available ID
  slug: "your-game-slug", // URL-friendly name (lowercase, hyphens)
  title: "Your Game Title",
  image: "/games/your-game-slug/cover.png",
  backgroundImage: "/games/your-game-slug/cover.png",
  backgroundImages: [
    "/games/your-game-slug/screenshots/1.png",
    "/games/your-game-slug/screenshots/2.png",
    // Add more screenshots as needed
  ],
  genre: ["Genre1", "Genre2"], // e.g., ["Strategy", "PvP", "RPG"]
  description: "A compelling description of your game...",
  status: "development", // Options: "mainnet" | "testnet" | "development"
  isLive: true, // Is the game currently playable?
  studio: "Your Studio Name",
  // Optional fields:
  players: 1000, // Current player count
  tvl: 500000, // Total Value Locked in USD
  whitepaper: "https://your-whitepaper-url.com",
  video: "https://www.youtube.com/embed/VIDEO_ID", // YouTube embed URL
  links: {
    homepage: "https://your-game.com",
    discord: "https://discord.gg/your-invite",
    twitter: "https://twitter.com/your-handle",
    telegram: "https://t.me/your-channel",
    github: "https://github.com/your-repo"
  }
}| Field | Type | Required | Description | 
|---|---|---|---|
id | 
number | Yes | Unique identifier (use next available) | 
slug | 
string | Yes | URL-friendly name for routing | 
title | 
string | Yes | Display name of your game | 
image | 
string | Yes | Path to cover image | 
backgroundImage | 
string | Yes | Path to background image | 
backgroundImages | 
string[] | No | Array of screenshot paths | 
genre | 
string[] | No | Array of genre tags | 
description | 
string | Yes | Game description (2-3 sentences) | 
status | 
"mainnet" | "testnet" | "development" | Yes | Current deployment status | 
isLive | 
boolean | Yes | Is the game playable? | 
studio | 
string | Yes | Studio/developer name | 
whitepaper | 
string | No | Link to documentation | 
players | 
number | No | Active player count | 
tvl | 
number | No | Total value locked (USD) | 
video | 
string | No | YouTube embed URL | 
links | 
object | No | Social and web links | 
- Cover Image: 16:9 aspect ratio recommended, min 1200x675px
 - Screenshots: Same aspect ratio for consistency
 - File Formats: Use 
.webpfor better compression or.pngfor transparency - File Size: Keep images under 500KB each for optimal loading
 
# Install dependencies
pnpm install
# Run development server
pnpm dev
# Visit http://localhost:5173 to see your game- Commit your changes:
 
git add .
git commit -m "Add [Your Game Name] to games showcase"- Push to your fork:
 
git push origin main- Create a Pull Request on GitHub with:
- Clear title: "Add [Game Name] to showcase"
 - Description including:
- Brief game overview
 - Link to live game (if available)
 - Any special requirements or notes
 
 
 
Before submitting, ensure:
- All images are properly sized and optimized
 - Game data includes all required fields
 - Links are working and correct
 - Description is clear and compelling
 - Status accurately reflects game state
 - Code follows existing formatting
 
- Join our Discord for support
 - Check existing games in 
src/data/games.tsfor examples - Open an issue if you encounter problems
 
We're excited to showcase your game in the Realms ecosystem! 🎮