# Next.js 应用（Bun）
<subtitle>使用 Bun 在沙箱中运行的 Next.js Web 应用。</subtitle>

使用 Bun 的基本 Next.js 应用，包含 Tailwind 和 shadcn UI。

> 一旦沙箱就绪，开发服务器就会在 3000 端口上运行。

## 模板定义

```python
# template.py
from ucloud_sandbox 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'))
)
```

## 构建模板

```python
# build.py
from ucloud_sandbox 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(),
)
```