Сколько бы видосов про server components ты ни смотрел, топовый демо до сих пор тот, который запилила core-команда
react:
https://github.com/reactjs/server-components-demo
Там нет вообще никакой интеграции с Next.js, поэтому можно нормально врубиться в сам Flight-протокол.
Очень чётко показана граница server «-» client.
Что тебе реально нужно, чтобы поэкспериментировать: react-server-dom-webpack, createFromFetch, папки Server и Client.
Если хочешь другой заход для обучения, вот сюда:
https://github.com/reactwg/server-components/discussions/5
Там инженеры из Meta спорили и проектировали RSC. Мне это очень зашло, потому что помогает понять, как принимались решения, а не только как оно работает.
Если после этого всё ещё чешутся руки реально поковырять код, да, я серьёзно, иди вот сюда:
https://github.com/facebook/react/tree/main/packages/react-server-dom-webpack
Там видно, как именно делается сериализация и как кодируются ссылки.
Пожалуйста, обходи стороной рандомные мусорные medium-посты в духе «разберись в RSC за 10 минут». И без этого базового понимания даже не начинай жаловаться, что RSC бесполезны. Мозг же есть, зайди, посиди, разберись.
И в конце уже сравни сам, что именно прячет next-модель от vercel по сравнению с тем, как это устроено у Meta.
@WebDev_Plus