Building dynamic websites with Payload, App Router, Typescript | Dynamic Pages & TailwindCSS

How to build a dynamic website using Payload & NextJS. In this video, we're adding TailwindCSS to our project, setting up header & footer, our pages collection, and creating layout blocks to render in the frontend

Written guide / resources:

📧Sign up to our newsletter:

Any constructive feedback is highly appreciated. Please let us know what you think in the comments below.

[vegn]

Minutes 20-22 are absolutely mind blowing! This video series is so valuable and amazing. Thank you.

[Humphreychibesa-cj]

The video i have being waiting for, My friends and i trying to find out how many times you will be posting each video in this mouth watering payload cms series . when i knock off from work i will definitely watch the video.

[sanjayguwaju]

This is the video i was waiting for. Thank you ❤

[savchukartur]

Thank you so much!
This is exactly the information I was looking for
💪👍👍👍👍

[samoltman]

I am waiting to this serie to be completed so i can watch all together :D

[DiadamaLOL]

the repo with the episode as a branch would be awesome

[MucleOwen]

Excellent tutorial. I'm looking forward to learning about performance optimization techniques.

[VisionX-Development]

Hey AllAboutPayload, thank you for the great video. At 51:33 there is a (type?) error in RenderBlocks, at 51:36 the error disappears without you having dealt with it, when deploying to Vercel I get a type error from RenderBlocks concerning the Block component, it says that the type image is required for the Block component, I don't understand that?

[dev-jonathan]

Hey bro, your content is by far the best payload content on the internet, thanks from Brazil.

Your blog links are broken (404 error)
Please keep making this kind of videos about payload V3

[williamsdavidcolmenarescha]

Thanks for the video! is it possible to see your repo, I'm facing some type errros and would be nice to see the way you handle them

[filipmyllari]

Hi! I’m experiencing an issue: once the app is deployed to Vercel, any content changes made in the admin panel are not reflected on the frontend. Any ideas?

[tinotaylor]

Are the types for block components not auto generated? as in for the tsx file

[magicfairywand]

When deploying this to Vercel, the image doesn't seem to work on the front-end. It is visible on the Payload admin panel somehow, but can't find the source on the front-end. Anything I am missing?

[netreneris]

Hi, everything was fine untl I reached dynamic pages moment, I'm getting this error and I don't know how to fix it "TypeError: Cannot use 'in' operator to search for 'slug' in second-page".

[kotyperry]

I'm having a heck of a time getting next images to load, similar to your deployment not working. Can you provide any guidance for this?

[davidb]

Hello any tips where to find the serilazer ? Link in description didnt work :/

[babar-khan]

can we use payload as a file storage system ?

[Snapper-gaming]

I get server error: TypeError: Cannot use 'in' operator to search for 'slug' in cover
When trying rendering the page, anyone got this issue?

[VimalKumarVijayakumar-fn]

How can I create and link a homepage, teams page, and contact us page, each with its unique UI, to the navigation items?

[liqinzhang]

Thanks for your content mate, this tutorial is impressive, it helped a lot to learn CMS technology. I confronted an issue when programming in the server-side component, I tried to create a search bar in the navigation header, but it says it is not allowed to use the 'useState' on the server side, do u have a solution to solve this? Or do we have a better option to design the search bar under the Payload framework?