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.

Find a file

skidoodle e632eb4a1b .nitpicking		2023-04-13 21:22:33 +02:00
.vscode	.prettier	2023-04-11 01:38:43 +02:00
public	Revert ".test"	2023-04-11 05:01:24 +02:00
src	.nitpicking	2023-04-13 21:22:33 +02:00
.env.example	.	2023-04-09 05:31:08 +02:00
.eslintrc.json	.	2023-04-09 05:31:08 +02:00
.gitignore	.	2023-04-09 05:31:08 +02:00
license	.	2023-04-09 05:31:08 +02:00
next.config.js	.minor changes	2023-04-09 12:03:17 +02:00
package.json	.version	2023-04-11 05:02:48 +02:00
postcss.config.js	.	2023-04-09 05:31:08 +02:00
readme.md	.prettier	2023-04-11 01:38:43 +02:00
tailwind.config.js	.minor changes	2023-04-09 12:03:17 +02:00
tsconfig.json	.	2023-04-09 05:31:08 +02:00
yarn.lock	.	2023-04-09 05:31:08 +02:00

readme.md

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 the Client Secret
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
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 your client_id and client_secret.

License

GPL-3.0