try using cloudflare kv

package.json

@@ -17,7 +17,9 @@
 		"spotify-web-api-node": "^5.0.2"
 	},
 	"devDependencies": {
+		"@cloudflare/workers-types": "^4.20230904.0",
 		"@sveltejs/adapter-auto": "^2.1.0",
+		"@sveltejs/adapter-cloudflare": "^2.3.3",
 		"@sveltejs/kit": "^1.24.1",
 		"@types/spotify-web-api-node": "^5.0.7",
 		"@typescript-eslint/eslint-plugin": "^6.6.0",

src/app.d.ts

@@ -1,11 +1,18 @@
+import type { KVNamespace } from '@cloudflare/workers-types';
+
 // See https://kit.svelte.dev/docs/types#app
 // for information about these interfaces
 declare global {
 	namespace App {
 		// interface Error {}
 		// interface Locals {}
 		// interface PageData {}
-		// interface Platform {}
+
+		interface Platform {
+			env?: {
+				SPOTIFY_KV: KVNamespace;
+			};
+		}
 	}
 }
 

src/app.postcss

@@ -62,12 +62,12 @@
 	}
 
 	nav {
-		animation-delay: 1500ms;
+		animation-delay: 800ms;
 	}
 
 	@each $i in 1, 2, 3, 4, 5, 6, 7, 8, 9 {
 		main > *:nth-child($(i)) {
-			animation-delay: calc($(i) * 100ms);
+			animation-delay: calc($(i) * 50ms);
 		}
 	}
 

src/routes/api/now-playing/+server.ts

@@ -3,20 +3,28 @@ import { env } from '$env/dynamic/private';
 import type { NowPlayingResponse } from '$lib/types';
 import Spotify from 'spotify-web-api-node';
 
-const api = new Spotify({
-	clientId: env.SPOTIFY_CLIENT_ID,
-	clientSecret: env.SPOTIFY_CLIENT_SECRET,
-	refreshToken: env.SPOTIFY_REFRESH_TOKEN
-});
-let expirationTime = 0;
-
-export async function GET() {
+export async function GET({ platform }) {
+	const api = new Spotify({
+		clientId: env.SPOTIFY_CLIENT_ID,
+		clientSecret: env.SPOTIFY_CLIENT_SECRET,
+		refreshToken: env.SPOTIFY_REFRESH_TOKEN
+	});
+
 	try {
-		if (Date.now() > expirationTime) {
+		const accessToken = await platform?.env?.SPOTIFY_KV.get('accessToken');
+		const expirationTime =
+			Number(await platform?.env?.SPOTIFY_KV.get('expirationTime')) || 0;
+
+		if (!accessToken || Date.now() > expirationTime) {
 			const response = await api.refreshAccessToken();
 			api.setAccessToken(response.body.access_token);
 
-			expirationTime = Date.now() + response.body.expires_in * 1000;
+			await platform?.env?.SPOTIFY_KV.put(
+				'expirationTime',
+				`${Date.now() + response.body.expires_in * 1000}`
+			);
+		} else {
+			api.setAccessToken(accessToken);
 		}
 
 		const response: NowPlayingResponse = {

src/routes/projects/+page.svelte

@@ -0,0 +1,5 @@
+<main class="wrapper">
+	<h1 class="text-6xl font-black">Projects</h1>
+
+	<p class="mt-4 text-gray-400">Help</p>
+</main>

svelte.config.js

@@ -1,6 +1,6 @@
-import preprocess from 'svelte-preprocess';
-import adapter from '@sveltejs/adapter-auto';
+import adapter from '@sveltejs/adapter-cloudflare';
 import { vitePreprocess } from '@sveltejs/kit/vite';
+import preprocess from 'svelte-preprocess';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {