Nuxt3 構築ガイド

Nuxt3でWebサイトを構築・公開するまでの導入手順を記載しています。

※現在、準備中のため未完成

• VS Code（Visual Studio Code）の導入

  最低限、下記のプラグインを導入しておくと、開発がスムーズになります。
  開発環境の構築と設定はこちらから。

  • - VS Codeのインストール
  • - 必要プラグインのインストール
  • - ESLint
  • - 環境設定
  • - 画面の簡易説明と使い方
• Tailwind CSS の導入

  Tailwind CSSフレームワークの導入で、開発をより加速させることができます。
  Tailwind CSS の導入と設定はこちらから。

  • - インストール
  • - nuxt.config.tsの設定
  • - tailwind.config.jsの設定
  • - main.cssの作成
  • - classへの記述
  • - Tainwind Cheat Sheetの活用
• Nuxt3 の導入

  VS Codeのターミナル（bash）を利用して、プロジェクトの作成から構築まで行います。

  • - プロジェクト作成
  • - 各種設定
  • - デモサイト構築（プラクティス）
• Github との連携

  Githubのリポジトリを利用することで、Vercelと連携します。

  • - アカウント制作
  • - リポジトリ作成
• Vercel との連携

  Githubのリポジトリを利用してデプロイすることで、簡単にWebサイトを管理できます。

  • - アカウント制作
  • - インポート