Project Structure

/src/routes
β”œβ”€β”€β”€(design)
β”‚   β”œβ”€β”€β”€books
β”‚   β”‚   β”‚   +layout.server.ts
β”‚   β”‚   β”‚   +layout.svelte
β”‚   β”‚   β”‚   +page.svelte
β”‚   β”‚   β”‚   config.ts
β”‚   β”‚   β”‚
β”‚   β”‚   β”œβ”€β”€β”€stories
β”‚   β”‚   β”‚       SomeComponent.book.svelte
β”‚   β”‚   β”‚       SomeOtherComponent.book.svelte
β”‚   β”‚   β”‚       ...etc
β”‚   β”‚   β”‚
β”‚   β”‚   └───[story]
β”‚   β”‚       β”‚   +layout.ts
β”‚   β”‚       β”‚   +page.svelte
β”‚   β”‚       β”‚   +page.ts
β”‚   β”‚       β”‚
β”‚   β”‚       └───[variant]
β”‚   β”‚               +page.svelte
β”‚   β”‚               +page.ts
β”‚   β”‚
β”‚   └───books.json
β”‚           +server.ts
β”‚
└─── ... the rest of your sveltekit application