# Next.js app (/docs/template/examples/nextjs)

<!-- agent-signals: reading_time_min: 1 · est_tokens: 803 · updated: 2026-07-30 -->
Related: [Next.js app (Bun)](/docs/template/examples/nextjs-bun.md), [Expo app](/docs/template/examples/expo.md), [Desktop](/docs/template/examples/desktop.md), [Claude Code](/docs/template/examples/claude-code.md), [Docker](/docs/template/examples/docker.md), [Error handling](/docs/template/error-handling.md)

Basic Next.js app with Tailwind and shadcn UI

<Note>
  The development server runs on port 3000 as soon as the sandbox is ready.
</Note>

<CodeGroup>
  <CodeBlockTabs defaultValue="JavaScript & TypeScript" groupId="javascript-typescript+python">
    <CodeBlockTabsList>
      <CodeBlockTabsTrigger value="JavaScript & TypeScript">
        JavaScript & TypeScript
      </CodeBlockTabsTrigger>

      <CodeBlockTabsTrigger value="Python">
        Python
      </CodeBlockTabsTrigger>
    </CodeBlockTabsList>

    <CodeBlockTab value="JavaScript & TypeScript">
      ```typescript  
      // template.ts
      import { Template, waitForURL } from 'e2b'

      export const template = Template()
        .fromNodeImage('21-slim')
        .setWorkdir('/home/user/nextjs-app')
        .runCmd(
          'npx create-next-app@14.2.30 . --ts --tailwind --no-eslint --import-alias "@/*" --use-npm --no-app --no-src-dir'
        )
        .runCmd('npx shadcn@2.1.7 init -d')
        .runCmd('npx shadcn@2.1.7 add --all')
        .runCmd(
          'mv /home/user/nextjs-app/* /home/user/ && rm -rf /home/user/nextjs-app'
        )
        .setWorkdir('/home/user')
        .setStartCmd('npx next --turbo', waitForURL('http://localhost:3000'))
      ```
    </CodeBlockTab>

    <CodeBlockTab value="Python">
      ```python  
      # template.py
      from e2b import Template, wait_for_url

      template = (
          Template()
          .from_node_image("21-slim")
          .set_workdir("/home/user/nextjs-app")
          .run_cmd(
              'npx create-next-app@14.2.30 . --ts --tailwind --no-eslint --import-alias "@/*" --use-npm --no-app --no-src-dir'
          )
          .run_cmd("npx shadcn@2.1.7 init -d")
          .run_cmd("npx shadcn@2.1.7 add --all")
          .run_cmd("mv /home/user/nextjs-app/* /home/user/ && rm -rf /home/user/nextjs-app")
          .set_workdir("/home/user")
          .set_start_cmd("npx next --turbo", wait_for_url('http://localhost:3000'))
      )
      ```
    </CodeBlockTab>
  </CodeBlockTabs>
</CodeGroup>

<CodeGroup>
  <CodeBlockTabs defaultValue="JavaScript & TypeScript" groupId="javascript-typescript+python">
    <CodeBlockTabsList>
      <CodeBlockTabsTrigger value="JavaScript & TypeScript">
        JavaScript & TypeScript
      </CodeBlockTabsTrigger>

      <CodeBlockTabsTrigger value="Python">
        Python
      </CodeBlockTabsTrigger>
    </CodeBlockTabsList>

    <CodeBlockTab value="JavaScript & TypeScript">
      ```typescript  
      // build.ts
      import { Template, defaultBuildLogger } from 'e2b'
      import { template as nextJSTemplate } from './template'

      Template.build(nextJSTemplate, 'nextjs-app', {
        cpuCount: 4,
        memoryMB: 4096,
        onBuildLogs: defaultBuildLogger(),
      })
      ```
    </CodeBlockTab>

    <CodeBlockTab value="Python">
      ```python  
      # build.py
      from e2b import Template, default_build_logger
      from .template import template as nextjsTemplate

      Template.build(nextjsTemplate, 'nextjs-app',
          cpu_count=4,
          memory_mb=4096,
          on_build_logs=default_build_logger(),
      )
      ```
    </CodeBlockTab>
  </CodeBlockTabs>
</CodeGroup>