JAMstack streaming platform with authentication.

We worked with Hotel Radio from London to build their heavy music streaming platform with Gatsby JS, Prismic, Auth0 and Netlify. Hotel Radio is a London based Heavy Music streaming platform. Hotel Radio records and broadcasts live Heavy Music shows held in various venues.

We built a custom JAMstack streaming platform for Hotel Radio so they could bring all their users to one platform. The website includes a full blown user authentication for seamless user experiences on the Hotel Radio platform.

We decided to use JAMstack for this project mainly for two major reasons:

  • During streams Hotel Radio website receives a lot of concurrent traffic

  • Hotel Radio website is packed with images and videos

Hotel Radio splash video

Building the platform static allowed us to build a website that can handle thousands of user simultaniously without any effect on the site performance. At the same time we could easily optimize the platform performance and all the images on the website. This allowed us to build a website with a lot of media items while maintaining fast initial loading times and performance.

Implementing authentication to JAMstack with Auth0

Parts of the content on the Hotel Radio website is only accessible to Hotel Radio members. This was important to get more users to sign up to Hotel Radio as a member to access the locked content. Creating an integrated user authentication creates a coherent user experience for the platform and greatly increases user retention.

Hotel Radio login cover

We integrated a third party authentication service, Auth0 to the Hotel Radio Gatsby JS front end. By using authentication as a service we could reduce the time to market for the Hotel Radio website and also decrease maintenance responsibilities for Hotel Radio.

This is a very good representation of JAMstack and it's capabilities. We were able to implement a fully working authentication and authorization system in half the time than it usually takes with legacy solutions.

Preserving performance with large amounts of videos and images

Gatsby JS allowed us to optimize the performance and images on the Hotel Radio website. This was on of the cornerstones for the original requirement specifications since the website has a lot of images. Gatsby JS allowed us to optimize each image on the website to ensure fast loading times to enable a smooth user experience.

Hotel radio image optimizations

Client
Hotel Radio
Website

Learn more about Ikius.

Our services