Qwik と Bun でアプリを構築

bunx create-qwik で新しい Qwik アプリを初期化します。

create-qwik パッケージは bunx 使用時に自動検出し、bun を使用して依存関係を自動的にインストールします。

bun create qwik

txt

      ............
    .::: :--------:.
   .::::  .:-------:.
  .:::::.   .:-------.
  ::::::.     .:------.
 ::::::.        :-----:
 ::::::.       .:-----.
  :::::::.     .-----.
   ::::::::..   ---:.
    .:::::::::. :-:.
     ..::::::::::::
             ...::::


┌  Qwik アプリを作成しましょう ✨ (v1.2.10)
│
◇  新しいプロジェクトを作成する場所はどこですか？（現在のディレクトリには '.' または './' を使用）
│  ./my-app
│
●  新しいプロジェクトを /path/to/my-app に作成中... 🐇
│
◇  スターターを選択
│  Basic App
│
◇  bun 依存関係をインストールしますか？
│  はい
│
◇  新しい git リポジトリを初期化しますか？
│  いいえ
│
◇  インストールを完了します。ジョークを聞きますか？
│  はい
│
○  ────────────────────────────────────────────────────────╮
│                                                          │
│  ベッドの下に象がいるかどうかはどうやってわかりますか？  │
│  頭が天井にぶつかるからです！                            │
│                                                          │
├──────────────────────────────────────────────────────────╯
│
◇  アプリが作成されました 🐰
│
◇  bun 依存関係がインストールされました 📋
│
○  結果 ─────────────────────────────────────────────╮
│                                                      │
│  成功！my-app ディレクトリにプロジェクトが作成されました       │
│                                                      │
│  統合？Netlify、Cloudflare、Tailwind などを追加...  │
│  bun qwik add                                        │
│                                                      │
│  関連ドキュメント：                                      │
│  https://qwik.dev/docs/getting-started/              │
│                                                      │
│  ご質問がありますか？コミュニティに参加：               │
│  https://qwik.dev/chat                               │
│  https://twitter.com/QwikDev                         │
│                                                      │
│  プレゼンテーション、ポッドキャスト、ビデオ：                 │
│  https://qwik.dev/media/                             │
│                                                      │
│  次のステップ：                                         │
│  cd my-app                                           │
│  bun start                                           │
│                                                      │
│                                                      │
├──────────────────────────────────────────────────────╯
│
└  ハッピーコーディング！🎉

bun run dev を実行して開発サーバーを起動します。

bun run dev

txt

$ vite--mode ssr

VITE v4.4.7  ready in 1190 ms

➜  Local:   http://localhost:5173/
➜  Network: use --host to expose
➜  press h to show help

ブラウザで http://localhost:5173 を開いて結果を確認します。ソースファイルを編集すると、Qwik はアプリをホットリロードします。

完全なドキュメントについては、Qwik ドキュメントを参照してください。