One post tagged with "sandpack"

note: after writing this, I found a more robust explanation done by Juwon Owoseni at LogRocket. you can read that here!

In my experience, the primary reason to start a programming blog is to introduce yourself to a handful of new technical problems, solve some of them, then forget about the blog in about a week. Before I forget about this blog, I'm gonna show you how to do this:

export default () => {
  return (
    <div>
      <h1>Hello World</h1>
      <p>Play with me!</p>
    </div>
  );
};

By writing markdown (technically .mdx) like this:

<SandpackEditor>

```tsx
export default () => {
  return (
    <div>
      <h1>Hello World</h1>
      <p>Play with me!</p>
    </div>
  );
};
```

</SandpackEditor>