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

ByteGrad β€’ November 22, 2024
Video Thumbnail
ByteGrad Logo

ByteGrad

@bytegrad

About

Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). My COMPLETE React & Next.js course is out now! Find it here: https://bytegrad.com/courses/professional-react-nextjs It's the #1 resource to master the latest React & Next.js. I'm very proud of it, my best work! Interested in sponsoring me? I love working with sponsors. Please email me here: [email protected] Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code. This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 and KRS-number: 0001125554

Video Description

πŸ‘‰ npx create-payload-app@latest (paid sponsorship) πŸ‘‰ https://payloadcms.com (paid sponsorship) πŸ‘‰ https://github.com/payloadcms/payload (paid sponsorship) Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). πŸ‘‰ Check out Kinde for auth and more https://bit.ly/3QOe1Bh πŸ‘‰ NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs πŸ‘‰ Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript πŸ‘‰ Professional CSS Course: https://bytegrad.com/courses/professional-css πŸ‘‰ Web development roadmap 2024 & 2025: https://email.bytegrad.com πŸ‘‰ Email newsletter (BIG update soon): https://email.bytegrad.com πŸ‘‰ Discord: all my courses have a private Discord ⏱️ Timestamps: 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 #webdevelopment #reactjs #nextjs Note that these videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 . . . TOP resource to LEARN AI for Developers - https://datacamp.pxf.io/RGyxrR (paid sponsorship & ByteGrad Sp. z o.o. gets commission) Vercel, the Vercel design, Next.js and related marks, designs and logos are trademarks or registered trademarks of Vercel, Inc. or its affiliates in the US and other countries.

Boost Your Next.js Dev Setup

AI-recommended products based on this video

Loading...
Dell 27 Plus 4K Monitor - S2725QS - 27-inch 4K (3840 x 2160) 120Hz 16:9 Display, IPS Panel, AMD FreeSync Premium, sRGB 99%, Integrated Speakers, 1500:1 Contrast Ratio, Comfortview Plus - Ash White

Dell 27 Plus 4K Monitor - S2725QS - 27-inch 4K (3840 x 2160) 120Hz 16:9 Display, IPS Panel, AMD FreeSync Premium, sRGB 99%, Integrated Speakers, 1500:1 Contrast Ratio, Comfortview Plus - Ash White

(13)
$309.99$297.59
FREE delivery Tue, Oct 7
200+ bought in past month
Loading...
KOORUI 27 Inch 4K Monitor, UHD(3840 x 2160) IPS Computer Monitors, HDR10, 90% DCI-P3, Frameless, 2X HDMI 2.0 & DisplayPort 1.4, VESA Mountable, Eye Care, N07

KOORUI 27 Inch 4K Monitor, UHD(3840 x 2160) IPS Computer Monitors, HDR10, 90% DCI-P3, Frameless, 2X HDMI 2.0 & DisplayPort 1.4, VESA Mountable, Eye Care, N07

(6,421)
$219.99
FREE delivery Sun, Aug 10
100+ bought in past month
Loading...
MAGICRAVEN 4K Portable Monitor 13.3" - 3840 * 2160 UHD IPS Portable Screen Laptop Monitor, Slim Lightweight Dual USB C HDMI Computer Monitor Gaming Display with Speakers, Travel Monitor for PC Phone

MAGICRAVEN 4K Portable Monitor 13.3" - 3840 * 2160 UHD IPS Portable Screen Laptop Monitor, Slim Lightweight Dual USB C HDMI Computer Monitor Gaming Display with Speakers, Travel Monitor for PC Phone

(795)
$223.99
FREE delivery Sun, Aug 10
Loading...
4K Portable Monitor, MAGICRAVEN 15.6inch UHD 3840Γ—2160 100% sRGB Portable Gaming Monitor, USB-C Mini HDMI External Second Monitor Portable with Speakers for Laptop MacBook Switch PS5/4 Xbox

4K Portable Monitor, MAGICRAVEN 15.6inch UHD 3840Γ—2160 100% sRGB Portable Gaming Monitor, USB-C Mini HDMI External Second Monitor Portable with Speakers for Laptop MacBook Switch PS5/4 Xbox

(802)
$251.99
FREE delivery Tue, Aug 12
Loading...
HLDIRECT 47 Inch Gaming Desk with LED Lights, Home Office Gamer Desk, Ergonomic Computer Table with Large Carbon Fiber Desktop, Computer Desk with Cup Holder & Headphone Hook for Home Office, Black

HLDIRECT 47 Inch Gaming Desk with LED Lights, Home Office Gamer Desk, Ergonomic Computer Table with Large Carbon Fiber Desktop, Computer Desk with Cup Holder & Headphone Hook for Home Office, Black

(591)
$107.99
FREE delivery Thu, Jun 26
Loading...
FOYTOKI 2 Sets Rechargeable Hand Warmers Portable with Temperature Levels Ergonomic Design for School Office

FOYTOKI 2 Sets Rechargeable Hand Warmers Portable with Temperature Levels Ergonomic Design for School Office

(0)
$14.15
FREE delivery Jul 2 - 22
Loading...
IMGadgets 47 x 24 Inches Height Adjustable Electric Standing Desk 2024, 5th Gen Quieter Motor Ergonomic Sit Stand Up Home Office Computer Desk with Height Memory Buttons, Display, 2 Headphone Holders
Best Seller

IMGadgets 47 x 24 Inches Height Adjustable Electric Standing Desk 2024, 5th Gen Quieter Motor Ergonomic Sit Stand Up Home Office Computer Desk with Height Memory Buttons, Display, 2 Headphone Holders

(438)
$169.95
FREE delivery Thu, Jun 26
200+ bought in past month
Loading...
SEVEN WARRIOR Gaming Desk with LED Lights & Power Outlets, 55" Computer Desk with Monitor Shelf, Home Office Desk with Cup Holder and Headphone Hook, Ergonomic, Carbon Fiber Surface Black

SEVEN WARRIOR Gaming Desk with LED Lights & Power Outlets, 55" Computer Desk with Monitor Shelf, Home Office Desk with Cup Holder and Headphone Hook, Ergonomic, Carbon Fiber Surface Black

(693)
$109.99
FREE delivery Thu, Jun 26
Loading...
Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Noise-Cancelling Mic and LED Display, Built-in Mic for Clear Calls, Waterproof Design for Sports

Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Noise-Cancelling Mic and LED Display, Built-in Mic for Clear Calls, Waterproof Design for Sports

(8)
$39.99
FREE delivery Tue, Nov 4
Loading...
Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Powerful Bass, Built-in Noise-Cancelling Mic for Clear Calls, LED Display, 36H Playtime, IPX5 Waterproof Design for Sports

Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Powerful Bass, Built-in Noise-Cancelling Mic for Clear Calls, LED Display, 36H Playtime, IPX5 Waterproof Design for Sports

(40)
$39.99
FREE delivery Thu, Nov 13
Loading...
Replacement for Mac Book Air Charger - 45W Magnetic(2 T-Tip οΌ‰ Power Adapter,Compatible with Mac Book Air 11 & 13 inch After Mid 2012 A1435, A1436, A1465, A1466 - AC Power Supply Cord by Fribug

Replacement for Mac Book Air Charger - 45W Magnetic(2 T-Tip οΌ‰ Power Adapter,Compatible with Mac Book Air 11 & 13 inch After Mid 2012 A1435, A1436, A1465, A1466 - AC Power Supply Cord by Fribug

(227)
$36.98
PrimeFREE delivery Sat, Jun 14
200+ bought in past month
Loading...
WGGE WG-015 Professional 8-inch Wire Stripper/Wire Crimping Tool, Wire Cutter, Wire Crimper, Cable Stripper, Wiring Tools and Multi-Function Hand Tool(ONLY Sold by W&G Global Electronics INC)
Best Seller

WGGE WG-015 Professional 8-inch Wire Stripper/Wire Crimping Tool, Wire Cutter, Wire Crimper, Cable Stripper, Wiring Tools and Multi-Function Hand Tool(ONLY Sold by W&G Global Electronics INC)

(13,530)
$13.99
FREE delivery Sat, Jun 14 on your first order
1K+ bought in past month
Loading...
Mac Book air Charger,Replacement for Mac Book Air AC 45W Power T-Tip Shape Connector Power Adapter,Charger for Mac Book Air 11 inch and 13 inch(Applicable to 2012-2017οΌ‰

Mac Book air Charger,Replacement for Mac Book Air AC 45W Power T-Tip Shape Connector Power Adapter,Charger for Mac Book Air 11 inch and 13 inch(Applicable to 2012-2017οΌ‰

(88)
$22.99
FREE delivery Sat, Jun 14 on your first order
200+ bought in past month
Loading...
Replacement for Mac Book Air Charger 6FT, 45W Mac Air AC Power T-Tip Shape Connector Adapter for Mac Book Air 11 inch & 13 inch Between 2012-2017

Replacement for Mac Book Air Charger 6FT, 45W Mac Air AC Power T-Tip Shape Connector Adapter for Mac Book Air 11 inch & 13 inch Between 2012-2017

(421)
$26.99
FREE delivery Sat, Jun 14 on your first order
1K+ bought in past month