← All writing
Development

Fix BrEaDcRumB

Tags: server-side, breadcrumb, PageProps, parallel routes

Pain Point

  • 'use client' was start point
  • original breadcrumb component uses getContentById to get title info from id.
  • production env couldn't read the url provided by env file or github actions secret

how to fix

  • discussion with deepseek, can't provide new resolution for this problem.
  • search server side breadcrumb nextjs
  • found out parellel routes

problem while fixing

  • created multiple parellel routes based on folder structure in app folder
  • tried to build and got type PageProps error.
  • because it is based on page.tsx it should follow the PageProps syntax ... etc...
  • fix it with return Promisesomething:something

thoughts

  • keep almost everything in server-side if it 's possible
  • avoid ai discussion when nothing is assured in programming way. make them work for coding not programming
  • search how to implement first for various case example.