Backup of Nuxt/3 (No. 6)

• Backup list
• View the diff.
• View the diff current.
• View the diff for visual.
• View the source.
• Go to Nuxt/3.
  • 1 (2023-06-21 (Wed) 14:06:23)
  • 2 (2023-07-04 (Tue) 16:54:50)
  • 3 (2023-07-10 (Mon) 01:15:37)
  • 4 (2023-07-10 (Mon) 20:35:51)
  • 5 (2023-07-10 (Mon) 22:28:14)
  • 6 (2023-07-11 (Tue) 13:58:31)
  • 7 (2023-07-11 (Tue) 23:36:32)
  • 8 (2024-03-21 (Thu) 20:07:23)

• https://nuxtjs.org
• https://nuxtjs.org/ja/docs/get-started/installation

% npx nuxi@latest init <ProjectName>

% npx nuxi create sample-app

Nuxt.js 内で実行すると Nuxt.js に依存したプロジェクトができるので注意。

入門

• Nuxt3入門(第1回) - Nuxtがサポートするレンダリングモードを理解する
  • https://developer.mamezou-tech.com/nuxt/nuxt3-rendering-mode/
• Nuxt3入門(第2回) - 簡単なNuxtアプリケーションを作成する
  • https://developer.mamezou-tech.com/nuxt/nuxt3-develop-sample-app/

nuxt.config

• https://nuxt.com/docs/api/configuration/nuxt-config

setup

setup 内のハンドラで document を参照するとエラーになる件。 > <no-ssr> で解決

• Nuxt.jsでDom系のエラーの対応方法(ReferenceError: document is not defined)
  • https://masanyon.com/nuxt-js-vue-dom-error-resolve-document-is-not-defined/

fetch API

• Nuxt3でaxiosはなくなり、Fetch APIをつかうらしい
  • https://www.memory-lovers.blog/entry/2022/06/02/170000

.

• Nuxt 3がパブリックベータ版になったので新機能の紹介や所感など
  • https://zenn.dev/miruoon_892/articles/e06b1c7533d754df8a8c

• 神回|vue3.js nuxt3 typescriptどうやる？【ゼロから解説】
  • https://field.asia/神回vue3-js-nuxt3-typescriptどうやる？【ゼロから解説】/ https://nuxt.com/docs/api/configuration/nuxt-config#extends