Nuxt Nation カンファレンスが近づいています。11月12日~13日にご参加ください。

sanity
@nuxtjs/sanity

NuxtとSanityヘッドレスCMSでテキスト、画像、その他のメディアにアクセスできます。

@nuxtjs/sanity

Nuxt Sanity

npm versionnpm downloadsCodecovLicenseNuxtVolta

SanityNuxt の統合

特徴

  • sanity.config.ts を用意するだけで、追加の設定は不要です。
  • 超軽量 Sanity クライアント
  • 設定不要の画像/ファイルコンポーネント + ポータブルテキストレンダラー
  • GROQ シンタックスハイライトをサポート
  • Nuxt 3 および Nuxt Bridge をサポート

📖  詳細はこちら

クイックセットアップ

  1. プロジェクトに @nuxtjs/sanity 依存関係を追加します。
npx nuxi@latest module add sanity
  1. nuxt.config.tsmodules セクションに @nuxtjs/sanity を追加します。
{
  modules: [
    '@nuxtjs/sanity',
  ],
  sanity: {
    // module options
  }
}

注意: Bridge なしの Nuxt 2 サポートについては、@nuxtjs/sanity@0.10.0 をインストールし、https://v0.sanity.nuxtjs.org の指示に従ってください。

開発

  1. このリポジトリをクローンします。
  2. pnpm install を使用して依存関係をインストールします。
  3. pnpm dev:prepare でモジュールをスタブ化します。
  4. pnpm dev を使用して開発サーバーを起動します。

ライセンス

MIT ライセンス