スマレジエンジニアyushiのブログ

スマレジエンジニアのブログ

【プロフィールページ改修 第13回】Nuxt3への移行 - プロジェクト作成

プロフィールページを作成していきます。

プロフィールページ カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ

技術スタックは下記の通りです。

  • Nuxt.js
  • SCSS
  • Tailwind CSS

今回のNuxt3のprojectを作成します。

asdf

node.jsのバージョン管理はasdfを利用します。

asdf-vm.com

node.jsのLTSを確認します。

nodejs.org

最新の20.9.0を導入します。

asdf install nodejs 20.9.0
asdf global nodejs 20.9.0

プロジェクト作成

NuxtのInstallationページをベースに進めていきます。

nuxt.com

npx nuxi@latest init v3

# v3の名前でNuxt3のプロジェクトが作成される

asdfでバージョンを固定します。

cd v3
asdf local nodejs 20.9.0

# .tool-versionsが作成される

開発サーバを起動します。

npm install
npm run dev -- -o

Pull Request

https://github.com/nek0meshi/profile/pull/24

あとがき

バージョンアップはワクワクがあって楽しいですね。