documenting-systems-in-nextjs icon indicating copy to clipboard operation
documenting-systems-in-nextjs copied to clipboard

feat: add Sandpack preview

Open souporserious opened this issue 2 years ago • 1 comments

This is an attempt to replace the internal playground with Sandpack by bundling local files using esbuild and then loading them into the editor. This has the benefit of examples using Sandpack's Fast Refresh implementation. As NextJS refreshes the code string it will now also fast refresh the previewed code 😄. Ideally, we could just utilize some portion of the refresh implementation which would allow us to keep the slimmed down playground.

souporserious avatar Feb 05 '22 20:02 souporserious

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/souporserious/design-systems-in-nextjs/BQf4XFKHBZGhYmQSzfQ2hm9i35Zb
✅ Preview: Failed

vercel[bot] avatar Feb 05 '22 20:02 vercel[bot]