webiny / write-with-webiny

Webiny developer community writing program. Contribute to the open source movement by writing technical content. And get paid for doing so!!!
https://www.webiny.com/docs/write-with-webiny/write-with-webiny
33 stars 25 forks source link

[SUBMIT] Build Spotify Clone with Webiny, Next.js, and Chakra UI #105

Open Qodestackr opened 2 years ago

Qodestackr commented 2 years ago

Introduction

Webiny is a progressive open source, serverless CMS. Webiny has lots of exciting features such as a File manager which is built of serverless infrastructure to handle any media library. In this tutorial, we will build an innovative application, a music app with Webiny inspired by Spotify.

Goals

The goal of this article will be to show how Webiny makes it seamless to handle files at scale in a serverless-first content hub. Rather than wasting time setting up third-party providers such as Cloudinary to handle files, the platform makes it painless to set up file management while exposing the same with a lean GraphQL API.

Outline

Why use Webiny CMS? We Will discuss how traditional platforms lock us in a set of features. Talk about the power of API-centric CMS platforms, Serverless infrastructure in content management, and how this opens the door to creating an omnichannel experience across all users' touchpoints.

Building a Music application -- Prerequisites and Installing dependencies -- Setup Chakra, and Creating Layouts -- Content Modelling with Webiny -- Creating playlist pages, player controls, and state management -- Next, Shuffle, and seek bar controls Setting up Webiny CMS -- Content Structure Conclusion Resources

Sample articles

No response

endymion1818 commented 1 year ago

Nice brief @Qodestackr! Let's chat more about it in the community