Learn how to set up Payload with ‪@Supabase‬ to create a powerful backend for your Next.js app! 👇

If you're deploying Payload, you need a database. With Payload, you can choose MongoDB or Postgres. Supabase provides a Postgres database and multiple S3 storage buckets—along with a generous free plan (500 MB database, 1 GB storage).

⭐ Like what we're up to? Leave us a star ⭐
https://github.com/payloadcms/payload

A primer on Payload ...
— The fastest growing CMS in our category.
— Next.js native, so it can seamlessly integrate it into your Next app. You can also one-click deploy on Vercel.
— Fully open-source, offering the flexibility of self-hosting or managed hosting.
— Fully TypeScript, eliminating the need to navigate through a UI – simply configure everything in code.
— Highly extensible, granting you full control over custom hooks, endpoints, and more. It's not just a CMS; you can extend it to become a comprehensive backend for any application you build.
— Use as a standalone app if you're working with other frameworks.

Get started in one line: npx create-payload-app@beta
----------------------------------------
S3 code snippet and environment variables from video:

s3Storage({
collections: {
media: {
prefix: 'media',
}
},
bucket: process.env.S3_BUCKET,
config: {
forcePathStyle: true,
credentials: {
accessKeyId: process.env.S3_ACCESS_KEY_ID,
secretAccessKey: process.env.S3_SECRET_ACCESS_KEY,
},
region: process.env.S3_REGION,
endpoint: process.env.S3_ENDPOINT,
},
}),

S3_BUCKET=
S3_ACCESS_KEY_ID=
S3_SECRET_ACCESS_KEY=
S3_REGION=
S3_ENDPOINT=

Big thanks to our friends at 10xMedia.de, a Payload preferred agency, who created this video.