• [x] Overview of current project:
  • [ ] Admin Panel
  • [ ] Blocks
  • [ ] Migrated Data

Migration (based on website template)

• [x] Create Root Layout

  https://nextjs.org/docs/app/building-your-application/upgrading/app-router-migration#step-2-creating-a-root-layout

• [x] Install Tailwind CSS

  https://tailwindcss.com/docs/guides/nextjs

• [x] Create Route Segment (website)

• [x] Create Website Layout, add global blocks (header & Footer)

  • code

• [x] Create [slug] file

  • Code
  • RenderBlocks

• [x] Create generateMeta file

  • code

• [x] RichText

  https://github.com/payloadcms/payload/templates/website/src/app/components/RichText/serialize.tsx

  → Copy files

• [x] Create Blocks Server Components

  • [x] Cover
  • [x] Image
  • [x] RichText
  • [x] recentBlogPosts

• [x] Create Dynamic Blog posts Page

  • Code