codesandbox / sandpack

A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.
https://sandpack.codesandbox.io
Apache License 2.0
4.7k stars 330 forks source link

Update Next.js template and node version to suport next.js app router template #1104

Open Innei opened 6 months ago

Innei commented 6 months ago

Tell us how you think we can improve Sandpack

Packages affected

What is this feature?

For now, I can not use next.js version ^v14. Got You are using Node.js 16.15.1. For Next.js, Node.js version >= v18.17.0 is required.

Please update nodejs version or provide the latest nextjs version template

CleanShot 2024-03-13 at 5  30 04@2x

My code.

 <SandpackSC
        template="nextjs"
        options={{
          activeFile: 'src/app/og/route.tsx',
          ...options,
        }}
        customSetup={{
          dependencies: {
            next: '^14',
          },
        }}
        files={{
          'src/app/og/route.tsx':
            require('!!raw-loader!../code/og-remote-font.raw.tsx').default,
        }}
      />

How would your idea work?

Do you have any examples of how you would like to see us implement it?

cameronking4 commented 5 months ago

I'm facing same issue