2.0 Embedded Pens – CodePen

0
5


Or just “Embeds” as we more frequently refer to them as. Stephen and Chris talk about the fairly meaty project which was re-writing our Embeds for a CodePen 2.0 world. No longer can we assume Pens are just one HTML, CSS, and JavaScript “file”, so they needed a bit of a redesign, but doing as little as possible so that existing Embed Themes still work. This was plenty tricky as it was a re-write from Rails to Next.js, with everything needing to be Server-Side Rendered and as lightweight as possible (thank urql!).

Time Jumps

  • 00:06 Welcome back to CodePen Land
  • 00:35 What’s new about Pens in CodePen 2.0
  • 05:20 Designing with custom themes in mind
  • 10:40 What the editor looks like in the 2.0 Editor
  • 16:09 Converting old Pens to new Pens
  • 17:20 Debating using Apollo in embeds