Migrate the React Next example into to the playground Vite environment

[doodlewind]

We have a React hook binding with Next.js example at packages/react/examples/next. However since #815, this kind of example can be built using the default Vite playground. Also:

• The Next example is not associated with the root level pnpm monorepo, so it has to be installed manually.
• The Next example doesn't follow some naming conventions (.e.g., kebab-case.ts).

So it will be good to migrate this example to playground/examples/react, this can also remove the blocksuite-react integration in Vercel.

/cc @himself65

[himself65]

if we use vite to build react. There will have no SSR

[himself65]

https://vitejs.dev/guide/ssr.html

[doodlewind]

IMO for the @blocksuite/react example itself, enabling SSR is just something nice-to-have. But for AFFiNE, SSR may make more sense. It would be just fine to keep simplest Vite config to migrate the React example in.

[himself65]

Building the next project for each PR is necessary. In case of people import some side effect code in SSR mode. We could remove it from vercel build it at least need a build test

[doodlewind]

Building the next project for each PR is necessary. In case of people import some side effect code in SSR mode. We could remove it from vercel build it at least need a build test

This makes sense, so how about having an integration package that depends on the Next environment standalone? We can have the current Next example maintained in this package, so that our root level pnpm could initialize it together. For future toolchain integration, we can also make it happen here.

In this case, we can just keep the Vercel integration, and adding the build test of this integration package should be trivial.

[himself65]

discussion #844

[doodlewind]

Closing in favor of #838