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

<!-- agent-signals: reading_time_min: 1 · est_tokens: 792 · updated: 2026-07-30 -->
Related: [Next.js app](/docs/template/examples/nextjs.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)

Basic Next.js app with Tailwind and shadcn UI using Bun.

<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()
        .fromBunImage('1.3')
        .setWorkdir('/home/user/nextjs-app')
        .runCmd(
          'bun create next-app --app --ts --tailwind --turbopack --yes --use-bun .'
        )
        .runCmd('bunx --bun shadcn@latest init -d')
        .runCmd('bunx --bun shadcn@latest add --all')
        .runCmd(
          'mv /home/user/nextjs-app/* /home/user/ && rm -rf /home/user/nextjs-app'
        )
        .setWorkdir('/home/user')
        .setStartCmd('bun --bun run dev --turbo', waitForURL('http://localhost:3000'))
      ```
    </CodeBlockTab>

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

      template = (
          Template()
          .from_bun_image('1.3')
          .set_workdir('/home/user/nextjs-app')
          .run_cmd('bun create next-app --app --ts --tailwind --turbopack --yes --use-bun .')
          .run_cmd('bunx --bun shadcn@latest init -d')
          .run_cmd('bunx --bun shadcn@latest add --all')
          .run_cmd('mv /home/user/nextjs-app/* /home/user/ && rm -rf /home/user/nextjs-app')
          .set_workdir('/home/user')
          .set_start_cmd('bun --bun run dev --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-bun', {
        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-bun',
          cpu_count=4,
          memory_mb=4096,
          on_build_logs=default_build_logger(),
      )
      ```
    </CodeBlockTab>
  </CodeBlockTabs>
</CodeGroup>