Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Payload CMS - Next.js Will Never Be The Same After This

ByteGrad via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn how to integrate Payload CMS with Next.js in this comprehensive 36-minute tutorial that demonstrates building a complete content management system. Explore the initial setup process using npx create-payload-app and get an overview of Payload's architecture and routing capabilities. Master CRUD operations within Payload and discover how to create and manage blog posts with live preview functionality. Customize the Lexical editor by adding code blocks, handling images and media, and building dynamic post pages with caching strategies. Work with Heroes and Collections to structure your content, then create custom pages like a contact form with blocks and email integration. Customize your site's branding by changing logos and homepage content, manage users and permissions, and implement static rendering for optimal performance. Understand how to use hooks in collections with revalidatePath for dynamic updates, explore various deployment options, and learn about using Payload as a backend framework. Discover advanced features including the Visual Editor and data seeding capabilities to streamline your development workflow.

Syllabus

00:00 Intro
00:47 Payload setup
01:32 Overview
03:12 Routing
04:46 Payload CRUD
06:18 Overview continued
08:21 Create a blog post
09:50 Live preview
10:25 Lexical editor customization
10:43 Code block
12:07 Images / Media
13:38 Post page
14:33 cache
15:03 Heros
15:50 Collections
16:44 Link for /posts
18:02 Create a page Contact page
19:34 Blocks
20:43 Form
23:00 Link for /contact
23:40 Email setup
25:50 Change logo
26:18 Change homepage
28:44 Users
29:52 Static rendering
32:08 Hooks in collection revalidatePath
34:19 Deployment options
34:34 Payload as back-end framework
34:57 Visual Editor
35:14 Seeding

Taught by

ByteGrad

Reviews

Start your review of Payload CMS - Next.js Will Never Be The Same After This

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.