Creating a no-auth Spotify playlist preview with Next.js

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Extensible JavaScript Form Builder Libraries
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Sonar - Write Clean JavaScript Code. Always.
  • InfluxDB - Access the most powerful time series database as a service
  • spotify-preview-demo

    A simple Spotify playlist preview in Next.js and Tailwind!

    As it turns out, there's quite a lot we can do! So today we're going to be building a simple Spotify playlist preview with Next.js! Here's a preview we're going to be building, or you can browse the source code.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    First off, choose a React boilerplate or framework of choice. I'm using Next.js because... well it's awesome and I use it for everything, but you can do this in something like Create React App as well. I'll also be using Tailwind for super quick styling.

  • SurveyJS

    Extensible JavaScript Form Builder Libraries. SurveyJS is a set of four fully customizable JS libraries that allow you to create, easily modify, and run multiple web forms in any web app, while retaining all sensitive data on your own servers.

  • react-hot-toast.com

    Smoking Hot React Notifications 🔥

    Here's how we can modify our play() function from earlier to handle these cases nicely by showing a toast:

  • Next.js

    The React Framework

    First off, choose a React boilerplate or framework of choice. I'm using Next.js because... well it's awesome and I use it for everything, but you can do this in something like Create React App as well. I'll also be using Tailwind for super quick styling.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts