mcpField
N
nextjs-blog-netlify

nextjs-blog-netlify

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

nextjs-blog-netlify について

カスタマイズ可能なブログとビジュアル編集を必要とするサイト開発者向けの Next.js テンプレートです。Tailwind CSS を使用し、ローカル開発、ビルド、デプロイの手順を案内します。

主な機能

  1. 01Next.js ブログテンプレート
  2. 02ビジュアル編集対応
  3. 03Tailwind CSS の使用
  4. 04Netlify デプロイ手順

活用シーン

  1. 01カスタマイズ可能なブログサイトの作成
  2. 02ローカル開発と Netlify へのデプロイ

インストール

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

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

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

詳細

Next.js Blog (Netlify)

ビジュアル編集とTailwind CSSを備えた、カスタマイズ可能なブログです。

技術スタック

  • フレームワーク：Next.js
  • スタイリング：Tailwind CSS
  • パッケージマネージャー：npm

セットアップ

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

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

git clone --depth 1 https://github.com/netlify-templates/nextjs-blog-theme.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 対応