最近アツいJavaScriptランタイム Bun を使ってNext.js&TailwindCSSを試す #1

2024/03/31に公開

はじめに

Node.jsで開発する時、yarnやpnpmでなくnpmを使っている勢でした。
denoが出てきてたものの、結局、慣れ親しんだnpm使っていました。
そんな中、Bunという新たなJSランタイムの勢いがすごいので、触ってみます。

公式を眺める

https://bun.sh/

何か良さそう・・・

Bunをセットアップする

Linuxでセットアップしてみます。

curl -fsSL https://bun.sh/install | bash
source /root/.bashrc
bun --version

無事にセットアップできました。


2024.3.30時点で 1.0.36 でした。

Next.jsプロジェクトをセットアップする

nextjs-tailwindというGitリポジトリを作った状態で実行していきます。

bunx create-next-app@latest .

無事にセットアップできました。

初期ページ表示する

bun dev


WEBサーバがローカルで立ち上がります。

http://localhost:3000/ へアクセスすると無事に初期ページが表示されました。

所感

コマンドもbunと短いし、バンバン行けそうな感じがしました。
肉まんのアイコンも可愛らしいすね。

以上。

Discussion