🖥️

BunでNext.jsを立ち上げるまでの環境構築

2024/01/17に公開

BunでNext.jsを立ち上げるまでの環境構築になります。
https://bun.sh/

Bunをインストール

まずはBunをインストールします。

Homebrew経由でインストールする場合は下記のコマンドで可能です。

brew tap oven-sh/bun
brew install bun

下記のコマンドでバージョンが確認できれば無事にインストールされています。

bun -v

BunでNext.jsをインストールする

続いて、Bunを利用してNext.jsをインストールします。

bun create next-app@latest

Next.jsの初期設定を質問されるので設定します。

✔ Would you like to use TypeScript with this project? … 
✔ Would you like to use ESLint with this project? … 
✔ Would you like to use Tailwind CSS with this project? … 
✔ Would you like to use `src/` directory with this project? … 
✔ Use App Router (recommended)? … 
✔ Would you like to customize the default import alias? … 

インストールが完了すると下記のディレクトリ構成が作られます。

Next.jsを立ち上げる

Next.jsのインストールが完了したらBunのコマンドで立ち上げます。

bun dev

無事にhttp://localhost:3000でNext.jsが立ち上がればBunでの環境構築は完了です。

Discussion