907: Wes’ New Site: Gatsby → React Server Components

Wes rebuilt his personal site from Gatsby to a modern stack using Waku, React Server Components, and Cloudflare Workers — all while keeping the same design. Scott and Wes break down the pain points with Next.js, MDX, image handling, caching, and the custom setup that now powers a blazing-fast blog.

Show Notes

• 00:00 Welcome to Syntax!
• 01:03 Barcelona Conference.
• 04:09 Brought to you by Sentry.io.
• 04:33 Existing stack, goodbye to Gatsby.
• 06:11 New stack, the goals for moving.
• 06:56 So what is the new stack?
  • 08:32 Challenges with NextJS.
  • 08:58 Problems with plugins.
  • 09:30 Problems with dynamic imports.
  • 10:21 Problems with Cloudflare deployment.
• 12:37 Landing on Waku.
• 13:59 Hot Tips functionality updates.
• 16:30 Blog Posts + JavaScript Notes.
• 17:09 Moving from Gatsby.
• 19:03 Page speeds.
  • 19:29 Removing nav resizing process.
  • 21:03 Writing custom MDX plugins.
• 23:28 Hosting.
  • 24:08 Why is the build so fast?
• 28:01 Pricing.
• 32:25 Caching.
• 34:49 Migration errors.
• 36:37 CSS.

Hit us up on Socials!

Syntax: .css-j9qmi7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-weight:700;margin-bottom:1rem;margin-top:2.8rem;width:100%;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:start;justify-content:start;padding-left:5rem;}@media only screen and (max-width: 599px){.css-j9qmi7{padding-left:0;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}}.css-j9qmi7 svg{fill:#27292D;}.css-j9qmi7 .eagfbvw0{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#27292D;}