How to set up Payload with Supabase

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.