Payload is a fantastic Content Managment System (CMS). Their new 3.0 release is fully integrated with the NextJS App Router. Payload is open source and provides a full ORM that works with MongoDB and Postgres. It’s completely type safe. It manages your media. It’s an all-in-one solution.

Project Code:  https://github.com/jherr/payload-3.0-movies
Payload Code: http://github.com/payloadcms/payload

👉 Upcoming NextJS course: https://pronextjs.dev
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
👉 Discord server signup: https://discord.gg/ddMZFtTDa5
👉 VS Code theme and font? Night Wolf [black] and Operator Mono
👉 Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF

00:00 Introduction
01:40 Trying Out Payload 3.0
02:48 Connect Payload To Postgres
04:39 Creating Your First Migration
05:31 The Admin Panel
05:57 Customizing The DB Schema
09:38 Adding Content Manually
10:23 Payload Hooks
11:09 Installing Tailwind
13:09 Custom Content Add Page
16:32 Server Actions With Payload
17:45 Uploading Media Blobs
18:35 Adding Content Programmatically
20:27 Accessing Content From RSCs
22:19 Creating A Detail Page
23:16 Deploying To Vercel
24:28 Vercel Deploy URLs
25:20 Vercel Blob Store Integration
26:13 Fully Deployed Payload
26:39 Outroduction

This video was sponsored by Payload.

Jack Herrington

Build a movie voting application using Payload 3.0, an open-source backend framework that pairs seamlessly with NextJS. The app includes a detailed admin panel without writing code, supports Postgres and MongoDB, and showcases easy deployment. The tutorial covers creating collections, setting up a database, configuring environment variables, building the front-end with Tailwind CSS, adding server actions, and deploying via Vercel.

Payload: The Complete Backend for NextJS