Nuxt Nation カンファレンス開催!11月12日~13日

prisma
@prisma/nuxt

NuxtとPrisma ORMを統合して、データベースへのアクセスを簡素化しましょう!

Nuxt Prisma

npm version npm downloads License Nuxt

Nuxt開発者の方、またはPrisma ORMに精通していてNuxtで簡単に使いたいと考えている方、このモジュールはあなたのためです。

このモジュールを使用すると、NuxtアプリにPrisma ORMを簡単に統合できます。

機能

  • Prisma CLI、Prismaスキーマ、Prisma Migrate、Prisma Clientをシームレスに設定
  • Nuxt DevTools内でPrisma Studioに簡単にアクセス
  • Vueファイルで自動インポートされるusePrismaClient()コンポーザブル

クイックセットアップ

  1. プロジェクトに@prisma/nuxt依存関係を追加
    npm install @prisma/nuxt
    
  2. nuxt.config.tsmodulesセクションに@prisma/nuxtを追加
    export default defineNuxtConfig({
      modules: ["@prisma/nuxt"],
    });
    
  3. 開発サーバーの起動
    npm run dev
    

    開発サーバーの起動により
    1. Prisma CLIが自動的にインストールされます
    2. SQLiteデータベースを使用してPrismaプロジェクトを初期化します
    3. PrismaスキーマにUserとPostの例となるモデルを作成します
    4. Prisma Migrateを使用してデータベーステーブルを作成するためのマイグレーションの実行を促します
    5. Prisma Clientをインストールして生成します
    6. Prisma Studioの起動を促します

モジュールの使用方法の詳細については、ドキュメントをご覧ください。