Skip to content

Nuxt3 betaを試してみた

  • Nuxt
  • JavaScript
  • TypeScript

2021-10-29

Nuxt3 betaが公開されたとのことで試してみます!

Nuxt3に関してはいつになったら出てくるのか探していたところ非公開でbetaテストを行っているとの情報をGithubで見ていたのでようやくといった感じがします。

本公開の詳しい日程は見つかりませんでした。

セットアップ

公式サイトの手順通りに進めます。
https://v3.nuxtjs.org/getting-started/installation

プロジェクト作成

npx nuxi init nuxt3-app

dependenciesのインストール

yarn install

開発サーバーの起動

yarn dev -o

鬼のような速度で立ち上がりました!

nuxt3 dev server

nuxt3 home

コマンド

ちなみにコマンドは nuxi になっています。

{
  "private": true,
  "scripts": {
    "dev": "nuxi dev",
    "build": "nuxi build",
    "start": "node .output/server/index.mjs"
  },
  "devDependencies": {
    "nuxt3": "latest"
  }
}

https://v3.nuxtjs.org/getting-started/commands

ビルド

buildコマンドを実行すると .output に吐き出されるようです。

v2からv3へのマイグレーション

まだbetaのため正式なガイドはありません。

https://v3.nuxtjs.org/getting-started/migration

最後に

pagesやcomponentsなどがデフォルトでは何も生成されなかったのでこの辺りを次は見ていきたいと思います。
特にサーバーサイドがどのような使い心地かが気になります!

← PrevNext →
  • Motohouse Dev Blog