mirror of
https://github.com/skidoodle/albert.lol.git
synced 2025-02-15 06:09:15 +01:00
✨ My portfolio built with Next.js, Tailwind CSS and Vercel.
|
||
---|---|---|
.vscode | ||
public | ||
src | ||
.env.example | ||
.eslintrc.json | ||
.gitignore | ||
license | ||
next.config.js | ||
package.json | ||
postcss.config.js | ||
readme.md | ||
tailwind.config.js | ||
tsconfig.json | ||
yarn.lock |
albert.lol
- Framework: Next.js
- Deployment: Vercel
- Styling: Tailwind CSS
- Analytics: Vercel Analytics
Running Locally
git clone https://github.com/skidoodle/albert.lol
cd albert.lol
yarn install
yarn dev
Create a .env
file similar to .env.example
.
Prerequisites
- Create an application in the Spotify Developer Dashboard
- Click on the
Edit settings
button - Set the
Redirect URIs
to a convenient location (doesn't matter) - Save the given
Client ID
along with theClient Secret
- Click on the
- Retrieve the access code
- Visit the following URL after replacing
$CLIENT_ID
,$SCOPE
, and$REDIRECT_URI
https://accounts.spotify.com/authorize?response_type=code&client_id=$CLIENT_ID&scope=$SCOPE&redirect_uri=$REDIRECT_URI
- You can choose scope(s) by visiting the Spotify API docs
- Visit the following URL after replacing
- Note
code
from the URL you were redirected to - Acquire your refresh token
- Run the following CURL command
curl -X POST https://accounts.spotify.com/api/token -d "client_id=$CLIENT_ID&client_secret=$CLIENT_SECRET&grant_type=authorization_code&code=$CODE&redirect_uri=$REDIRECT_URI"
- Either replace or export the variables in your shell (
$CILENT_ID
,$CLIENT_SECRET
,$CODE
, and$REDIRECT_URI
)
- Save
refresh_token
in your.env
file as well as yourclient_id
andclient_secret
.