Pull API key from environment variables

.env.example

@@ -0,0 +1 @@
+API_KEY=<Last.fm API key>

.gitignore

@@ -25,6 +25,7 @@ yarn-debug.log*
 yarn-error.log*
 
 # local env files
+.env
 .env.local
 .env.development.local
 .env.test.local

README.md

@@ -1,43 +1,43 @@
 # Last.fm Recently Played README
-Show off your recent Last.fm scrobbles on your GitHub profile README! Powered by [Vercel](https://vercel.com).
+Show off your recent Last.fm scrobbles on your GitHub profile README. Powered by [Vercel](https://vercel.com).
 
 ## Getting Started
 Just add the following into your README and set the query parameter `username` to your Last.fm username.
 
 ```md
-![JeffreyCA's scrobbles](https://lastfm-recently-played-readme.vercel.app/api?user=JeffreyCA01)
+![JeffreyCA's scrobbles](https://lastfm-recently-played.vercel.app/api?user=JeffreyCA01)
 ```
 
 ### Custom track count
 To a custom number of tracks, pass the query parameter `count` and set it to the number of tracks to display.
 
-> Default: `5`
->
-> Min: `1`
->
+> Default: `5`  
+> Min: `1`  
 > Max: `10`
 
 Example:
 ```md
-![JeffreyCA's scrobbles](https://lastfm-recently-played-readme.vercel.app/api?user=JeffreyCA01&count=1)
+![JeffreyCA's scrobbles](https://lastfm-recently-played.vercel.app/api?user=JeffreyCA01&count=1)
 ```
 
 ### Custom card width
 To set a custom card width, pass the query parameter `width` and set it to the desired width in px.
 
-> Default: `400`
->
-> Min: `300`
->
+> Default: `400`  
+> Min: `300`  
 > Max: `1000`
 
 Example:
 ```md
-![JeffreyCA's scrobbles](https://lastfm-recently-played-readme.vercel.app/api?user=JeffreyCA01&width=1000)
+![JeffreyCA's scrobbles](https://lastfm-recently-played.vercel.app/api?user=JeffreyCA01&width=1000)
 ```
 
 ## Deploying own Vercel project
 
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/git?s=https%3A%2F%2Fgithub.com%2FJeffreyCA%2Flastfm-recently-played-readme&env=VERCEL_URL)
+
+Deploy your own Vercel project using the link above. Next, you'll need to set the `API_KEY` environment variable to your Last.fm API key. The `VERCEL_URL` system environment variable should also be set in the Vercel project settings.
+
 ## Running locally
 1. Install Node dependencies
     ```sh

pages/api/index.ts

@@ -1,7 +1,6 @@
 import axios from 'axios';
 import { NextApiRequest, NextApiResponse } from 'next';
 import { RecentTracksResponse } from '../../models/RecentTracksResponse';
-import { BaseUrl, LastFmApiKey } from '../../settings';
 import { generateSvg } from '../../utils/SvgUtil';
 
 const defaultCount = 5;
@@ -12,6 +11,8 @@ const defaultWidth = 400;
 const minWidth = 300;
 const maxWidth = 1000;
 
+const BaseUrl = process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : 'http://localhost:3000';
+
 export default async (req: NextApiRequest, res: NextApiResponse): Promise<void> => {
     const { user } = req.query;
     if (!user) {
@@ -57,7 +58,7 @@ export default async (req: NextApiRequest, res: NextApiResponse): Promise<void>
                 params: {
                     user: user,
                     limit: count,
-                    api_key: LastFmApiKey,
+                    api_key: process.env.API_KEY,
                     format: 'json',
                 },
             }