Solane Museum
A walkable digital art museum with fourteen paintings, a domed rotunda and a long gallery. Four times of day change the light, while a Keystatic CMS provides the foundation for managing the collection.
Solane turns an artwork gallery into a place visitors can walk through. A neoclassical rotunda opens into a barrel-vaulted gallery, with marble columns, framed paintings, picture lights and shafts of sunlight carrying the atmosphere. Built with Next.js, React, TypeScript and Three.js through React Three Fiber, the museum supports first-person movement, touch controls, artwork placards and shareable views. Dawn, noon, golden hour and night give the same collection four different moods. Fourteen public-domain paintings from The Metropolitan Museum of Art form the initial exhibition, supported by CC0 textures from Poly Haven. Collection management is part of the build: Keystatic defines artwork titles, artists, dates, media, dimensions, images, alt text, credits and wall order. Local editing is implemented. Live editorial access is awaiting GitHub app configuration; once connected, collection changes will commit to the repository and trigger a Vercel rebuild.
- 01A walkable WebGL museum with a domed Rotunda and barrel-vaulted Long Gallery
- 02Four lighting modes: dawn, noon, golden hour and night
- 03Fourteen framed paintings with artwork information and shareable deep links
- 04Keyboard and mouse navigation on desktop, plus touch controls for phones
- 05Keystatic artwork schema for images, metadata, accessibility text, credits and wall order
- 06Local CMS editing implemented; live GitHub-backed editing awaiting app credentials
- 07Vercel deployment with a clear collection-editor setup notice until live editing is configured
The museum is deployed as an interactive gallery, with three desktop views documenting the experience. The collection schema and local editor are built; connecting the GitHub app remains the final step for managing artworks directly on the live site.