mcpField
N
nuxt-starter-netlify

nuxt-starter-netlify

github.com/rebyteai-template開発1750 回インストール19 週間前に更新
リポジトリ

nuxt-starter-netlify について

Netlify 向けのサイトを作る開発者のための、Nuxt と Vue によるシンプルなランディングページテンプレートです。npm でのセットアップ、開発、プロダクションビルドのコマンドを備えています。

主な機能

  1. 01Nuxt と Vue のランディングページ
  2. 02npm による依存関係のセットアップ
  3. 03開発サーバーのコマンド
  4. 04プロダクションビルドのコマンド
  5. 05Netlify デプロイのコマンド

活用シーン

  1. 01シンプルなランディングページの開始
  2. 02Nuxt による Vue サイトの開発
  3. 03Netlify へのビルドとデプロイ

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill nuxt-starter-netlify

インストール後、Claude Code で/nuxt-starter-netlifyを入力して読み込まれたか確認します。

詳細

Nuxt スターター（Netlify）

Nuxt を使用した最小構成の Vue ランディングページです。

技術スタック

  • フレームワーク: Nuxt
  • フロントエンド: Vue
  • パッケージマネージャー: npm

セットアップ

1. テンプレートをクローンする
git clone --depth 1 https://github.com/netlify-templates/nuxt-starter.git .

ディレクトリが空でない場合：

git clone --depth 1 https://github.com/netlify-templates/nuxt-starter.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. Git の履歴を削除する（任意）
rm -rf .git
git init
3. 依存関係をインストールする
npm install

ビルド

npm run build

Netlify にデプロイする

netlify deploy --prod

開発

npm run dev

コメント

Markdown 対応