Spotify 2.0 com NextJS 12 - MIddleware, TailwindCSS, Spotify API, NextAuth, Recoil

Overview

Spotify Logo

Spotify Clone

A spotify clone made with NextJS 12, TailwindCSS, NextAuth, Spotify API, Recoil

Lessons Learned

  • Setting up NextJS with Tailwind.
  • NextAuth provider Authentication.
  • Spotify API using spotify-web-api-node.
  • SignIn/SignOut
  • NextJS 12 Middleware

in progress..

Features

in progress..

Run Locally (In progress..)

Clone the project

  git clone https://github.com/zF4ke/spotify-clone

Go to the project directory

  cd spotify-clone

Install dependencies

  npm install

Start the server in dev mode

  npm run dev

License

MIT

Support

For support, email [email protected].

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
zF4ke
Turn my thoughts into code. Discord: zF4ke#8556
zF4ke
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
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
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
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
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
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