Spotify clone using Next.js, Spotify API, Tailwind, NextAuth, Recoil

Overview

Next.js + Tailwind CSS Example

This example shows how to use Tailwind CSS (v2.2) with Next.js. It follows the steps outlined in the official Tailwind docs.

It uses the new Just-in-Time Mode for Tailwind CSS.

Preview

Preview the example live on StackBlitz:

Open in StackBlitz

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example with-tailwindcss with-tailwindcss-app
# or
yarn create next-app --example with-tailwindcss with-tailwindcss-app

Deploy it to the cloud with Vercel (Documentation).

You might also like...

Randomfy takes your most listened Spotify artists

Randomfy takes your most listened Spotify artists

Randomfy takes your most listened Spotify artists, selects one of them and shows you similar artists, so you can meet new artists based on the previous selected one.

Nov 6, 2022

Spotify Radio - JS Expert Week 6.0

Spotify Radio - JS Expert Week 6.0

Spotify Radio - JS Expert Week 6.0 Welcome to the sixth Javascript Expert Week. This is the starting code to start our journey. Tag this project with

Mar 16, 2022

Pomodoro + spotify + todo list = awesome!

Turborepo starter This is an official Yarn v1 starter turborepo. What's inside? This turborepo uses Yarn as a package manager. It includes the followi

Jan 3, 2023

Spotify radio is an audio streaming app where you can add effects in real time.

Spotify radio is an audio streaming app where you can add effects in real time.

Spotify Radio - Semana JS Expert 6.0 Spotify radio is an audio streaming app where you can add effects in real time. JS-Expert Project of the Week by

Apr 25, 2022

Advanced Music Bot It is an advance type of discord music bot which plays high quality of music with spotify

Advanced Music Bot It is an advance type of discord music bot which plays high quality of music with spotify, apple music support . You can save your songs and play it. It also has DJ mode system.

Dec 25, 2022

Todas as aulas da Semana JS Expert 6.0 - Spotify Radio

 Todas as aulas da Semana JS Expert 6.0 - Spotify Radio

Spotify Radio - Semana JS Expert 6.0 Seja bem vindo(a) Γ  sexta Semana Javascript Expert. Este Γ© o cΓ³digo inicial para iniciar nossa jornada. Marque es

Jan 7, 2023

Simple Spotify client for nodejs exposing few useful methods

spotify-mini Simple Spotify client for nodejs exposing useful methods I have been using a rough version of this lib in my portfolio from a long time.

Jan 2, 2023

Spotlight-like search bar for spotify

Spotlight-like search bar for spotify

Spicetify power bar Spotlight-like quick search bar to navigate to tracks, albums, artists and playlists. Table of contents Installation Usage Setting

Jan 4, 2023
Owner
Abdelwahab Hussein
Passionate Front-end engineer β€’ Love trying & learning new things all the time πŸ€“πŸ‘¨πŸΌβ€πŸ’»
Abdelwahab Hussein
spotify.ts is an wrapper built around Spotify's Web API

spotify.ts About spotify.ts is an wrapper built around Spotify's Web API. Features Fast Object Oriented Typescript, ESM, CJS support Easy to Use Insta

null 6 Nov 17, 2022
SpotifyUiClone - A Ui Clone of Spotify, only studing purporses

Spotify Ui Clone An Kinda Clone of the Spotify Ui for studing purposes Summary This is a project made in React Js, so the idea is to make an ui for an

Jf_Dess 1 Jan 7, 2022
Spotify Web API with Next.js

Resumo Statsfy Γ© um site que exibe seus artistas e mΓΊsicas mais escutadas, alΓ©m de mΓΊsicas recentes. VocΓͺ pode usar clicando neste link. (Apenas usuΓ‘r

otaviozin 8 Sep 5, 2022
Web Application that represents a music player using the spotify API, React, JS, CSS, HTML, nodeJS, Firebase, material-ui, JSON and other technologies. Made by Yohan Hmaiti

Web Application that represents a music player using the spotify API, React, JS, CSS, HTML, nodeJS, Firebase, material-ui, JSON and other technologies. Made by Yohan Hmaiti

Yohan Hmaiti 2 Jan 8, 2022
A review aggregator web application that allows users to review albums by leveraging the Spotify Web API.

Reviewify Summary Reviewify is a review aggregator platform that leverages the Spotify Web API. It allows users to: Login with their Spotify accounts

Abhi Ardeshana 3 Oct 7, 2022
A simple package to download music tracks from spotify 🎡

A simple package to download music tracks from spotify ??

Alen Yohannan 26 Dec 25, 2022
Add some fire to your Spotify music playlists πŸ”₯🎧

Spotifire ?? Add some fire to your Spotify music playlists ?? Built With Next.js React Tailwind CSS (v3.0) NextAuth Recoil Spotify Web API Preview Vis

Niloy Sikdar 15 Jun 19, 2022
SpotLight is a web app which uses spotify developer APIs and lists your most listened songs, albums, artists and genres.

SpotLight is a web app which uses spotify developer APIs and lists your most listened songs, albums, artists and genres.

Sahil Saha 9 Dec 31, 2022
now-playing: A website to show what I'm currently listening to on Spotify Run on Repl.it

now-playing: A website to show what I'm currently listening to on Spotify ❓ How does it work? This project is split into two parts - the frontend and

Connor Dennison 3 Apr 29, 2022
Edit CSS directly from Spotify.

Spotify CSS Editor Built with Spicetify Creator. Download from Spicetify Marketplace. Edit CSS directly from Spotify. Features Edit CSS directly from

Flafy 10 Dec 27, 2022