feat(cms): add vercel blob storage

Author: kasparkallas

cms/.env.example

@@ -6,7 +6,7 @@ PAYLOAD_SECRET=YOUR_SECRET_HERE
 # POSTGRES_URL is automatically provided when you attach a Postgres database to your Vercel project
 
 # Redis storage access for pricing data
-BLOB_READ_WRITE_TOKEN=your_vercel_blob_token_here
+SUPERFLUID_DATA_BLOB_READ_WRITE_TOKEN=your_vercel_blob_token_here
 LOCAL_STORAGE_PATH=./data
 
 # CoinGecko API (optional, for better rate limits)
@@ -19,3 +19,6 @@ TRIGGER_SECRET_KEY=your_trigger_secret_key_here
 SMTP_HOST=your_smtp_host_here
 SMTP_USER=your_smtp_username_here
 SMTP_PASS=your_smtp_password_here
+
+# Vercel Blob Integration
+BLOB_READ_WRITE_TOKEN=

cms/package.json

@@ -31,6 +31,7 @@
 		"@payloadcms/next": "^3.52.0",
 		"@payloadcms/payload-cloud": "^3.52.0",
 		"@payloadcms/richtext-lexical": "^3.52.0",
+		"@payloadcms/storage-vercel-blob": "^3.52.0",
 		"@payloadcms/ui": "^3.52.0",
 		"@scalar/api-reference-react": "^0.7.38",
 		"@superfluid-finance/metadata": "^1.6.0",

cms/src/payload.config.shared.ts

@@ -5,6 +5,7 @@ import { fileURLToPath } from "node:url";
 import { nodemailerAdapter } from "@payloadcms/email-nodemailer";
 import { payloadCloudPlugin } from "@payloadcms/payload-cloud";
 import { lexicalEditor } from "@payloadcms/richtext-lexical";
+import { vercelBlobStorage } from "@payloadcms/storage-vercel-blob";
 import sharp from "sharp";
 import { Chains } from "./collections/Chains";
 // import { Media } from './collections/Media'
@@ -28,7 +29,14 @@ export const sharedConfig = {
 		outputFile: path.resolve(dirname, "payload-types.ts"),
 	},
 	sharp,
-	plugins: [payloadCloudPlugin()],
+	plugins: [
+		payloadCloudPlugin(),
+		vercelBlobStorage({
+			enabled: true,
+			collections: {},
+			token: process.env.BLOB_READ_WRITE_TOKEN,
+		}),
+	],
 	email: nodemailerAdapter({
 		defaultFromAddress: "cms@superfluid.pro",
 		defaultFromName: "Superfluid CMS",

cms/src/utils/storage.ts

@@ -67,6 +67,6 @@ export function getStorageConfig(): StorageConfig {
 	return {
 		type: isProduction ? "blob" : "local",
 		localPath: process.env.LOCAL_STORAGE_PATH || "./data",
-		blobReadWriteToken: process.env.BLOB_READ_WRITE_TOKEN,
+		blobReadWriteToken: process.env.SUPERFLUID_DATA_BLOB_READ_WRITE_TOKEN,
 	};
 }