Skip to content
AR
All projects
3D Web ExperienceFrontend & 3D

NextHobby

A hobby equipment rental and discovery platform — browse activities, explore gear in 3D, rent in a few taps.

Next.js 14TypeScriptThree.jsCSS Animations

The brief, unpacked

NextHobby connects people with new hobbies through an interactive discovery and rental experience. The platform uses Three.js-powered 3D scenes to preview equipment before committing, with smooth page transitions via the Next.js App Router. Users can explore hobbies by category, inspect equipment in interactive demonstrations, compare rental options and complete the booking flow with payment methods attached. The entire frontend was built from scratch using Next.js 14, TypeScript, and a component-driven architecture emphasising reusability and animation.

Gallery

NextHobby — home page
Home — discovery
NextHobby — equipment exploration
Explore equipment
NextHobby — rent an item
Rent an item
NextHobby — booking form
Booking form
NextHobby — payment methods
Payment methods

Next project

Palais Amghass

Continue