Best Project Structure for Hosting Multiple Phaser.js Games in SvelteKit

[alokmahor]

I am developing a gaming website using SvelteKit and Phaser.js, where users can play multiple 2D games. Each game should have its own assets (images, sounds, etc.) and be accessible via routes like:

http://somehost.com/game/game1
http://somehost.com/game/game2
http://somehost.com/game/game3

I checked the official Phaser.js + Svelte template https://github.com/phaserjs/template-svelte , but it seems designed for a single game setup. I need a scalable structure to host multiple games efficiently.

My Current Considerations:

1. Game Logic: Should each game's logic be inside src/lib/ or within its route (routes/game/game1/)?
2. Asset Management: How should I organize game-specific assets (images, sounds) while keeping things modular? In static or in lib?
3. Lazy Loading: How can I structure it so games are loaded only when needed to optimize performance?
4. Best Practices: Are there existing open-source projects or recommended approaches for handling multiple Phaser games in SvelteKit?

What can best Project Structure for such platefrom built using Phaser.js and SvelteKit?