Next.jsとPrismaをCloudflareにデプロイして月300万のDBクエリに無料で耐える
はじめに Next.js を Cloudflare にホスティングしようとすると、必然的に Edge Runtime 環境になります。しかし、Edge Runtime 環境では、Node.js Runtime と異なり、Prisma がそのまま使えません。 最初に思い浮かぶ解決策は Prisma Accelerate です。Prisma Accelerate は公式のサービスで、接続プールイングやグローバルキャッシュ機能を備えており、Edge Runtime でも Prisma を使えるようにします。 しかし、無料プランだと月に 6 万クエリの制限があり、本番運用には不安が残ります。 そこで、今回は Prisma Accelerate を自前で Cloudflare Workers 上に構築し、本番運用に耐えうるサービスを無料で開発する方法を紹介します。この方法なら、無料プランでも 月に
実践Next.js ——App Routerで進化するWebアプリ開発
この本の概要 最新のNext.jsを現場で使うために実践的な知識を詰め込んだ一冊です。フレームワークの基礎はもちろん，パフォーマンスを上げるための知識や関連ライブラリまで，詳細なサンプルコードをもとに解説していきます。 こんな方におすすめ 最新のNext.jsに入門したいエンジニアやNext.jsに多少の経験があるが，より良い使い方を知りたいエンジニア 第1章：Next.jsの基礎 1.1：Next.jsプロジェクトの始め方 1.2：アプリケーションのルーティング 1.3：SPAならではのナビゲーション 1.4：ネスト可能なレイアウト 第2章：Server Componentとレンダリング 2.1：Server ComponentとClient Component 2.2：Server Componentのデータ取得 2.3：動的データ取得と静的データ取得 2.4：Routeのレンダリング
個人開発で参考になるNext.jsリポジトリ10選
OpenStatus - ステータスページ App Router Turborepo Drizzle Clerk tRPC Tailwind shadcn/ui LLM Report - OpenAI モニタリング App Router Prisma NextAuth shadcn/ui Stripe Dub - URL 短縮 App Router Turborepo Prisma NextAuth Tailwind Stripe slug - URL 短縮 Prisma NextAuth tRPC Tailwind Cal.com - 日程調整 Turborepo Prisma NextAuth tRPC Tailwind Taxonomy - ブログ App Router Prisma NextAuth Tailwind Rowy - ローコード GUI Firebase Dorf -
Next.js × NextAuth × Prisma × VercelPostgresで構築するモダン認証機能システム
はじめに 認証機能を一から作成したいと思い、Next.jsとNextAuthを使ったGithub認証機能の実装を行ったので、その手順を記事していきます。ユーザーデータ管理にPrismaを、データベースはVercelPostgresを使用しています。 ソースコード 実装したサンプルデータは下記リポジトリに格納しています。 バージョン情報 今回実装したバージョン情報のです。 next.js: v13.4.1 next-auth: v4.22.1 prisma/client: v4.14.1 vercel/postgres: v0.3.0 typescript: v5.0.4 技術詳細 Prisma PrismaはNode.jsとTypeScriptによる、オープンソースORM(Object Relational Mapping)です。SQL(select, insert, update, de
Prismaのfindをラップしたときに、include周りで拡張性を持たせたい！
きっかけ みなさんNestJS×Prismaでサービス層を書いてるときこんなことに困ったことありませんか？ findMany(classId: number): Promise<Student[]> { return this.prisma.student.findMany({ where: { classId }, }); } findManyWithClass(classId: number): Promise<(Student & { class: Class })[]> { return this.prisma.student.findMany({ where: { classId }, include: { class: true }, }); } 引数は全部一緒なのに、includeしたい要素が違うから同じようなメソッドを複数作らないといけない... この2つのメソッドを一つに
Prisma で本物のDBMSを使って自動テストを書く - mizdra's blog
DBMS に依存するロジックのテストを書く時、主に2つの手法があると思います。 Repository 層などを mock する Service 層のテストをする時は、その下位の Repository 層を mock して、DBMS に依存しない形にしてからテストする レイヤードなアプリケーションで適用できる手法 テスト実行時も DBMS を裏で動かして、それを使う 本番と同じスキーマを持つ DBMS に対して、実際に insert したり select してテストする DBMS は docker-compose upとかで事前に立ち上げておく 双方にそれぞれ良さがあって、プロダクトによってどっちでやるか変わってくると思います。 この記事では 2 の手法を Prisma でどうやるかについて紹介します。 前提 実際のテストコードの例 テストヘルパーを作る 別解: ヘルパーを自動生成する je
Best practice for instantiating Prisma Client with Next.js
ProblemMany users have come across this warning while working with Next.js in development: warn(prisma-client) There are already 10 instances of Prisma Client actively running. There's a related discussion and issue for the same. In development, the command next dev clears Node.js cache on run. This in turn initializes a new PrismaClient instance each time due to hot reloading that creates a conne
warn(prisma-client) Already 10 Prisma Clients are actively runningの対処
TL;DR new PrismaClient() を複数回書いてる可能性があるので、 root直下でlibのようなファイルを作り、そこで、PrsimaClientのインスタンスを１度だけ生成し、そこからimportする形で、PrismaClientのインスタンスを使用すれば解決。 概要 Prismaを使用している時、 warn(prisma-client) Already 10 Prisma Clients are actively runningというメッセージがコンソールに表示されることがある。 本番Build時にこの箇所が原因で、DBのコネクション数の制限のエラーになることがある。 前提 Node.js: 14.16 TypeScript: 4.2.3 ts-node: 9.1.1 prisma: 2.18.0 @prisma/client: 2.18.0 原因 new Prisma
Deploy to Vercel | Prisma Documentation
This guide takes you through the steps to set up and deploy a serverless application that uses Prisma to Vercel. Vercel is a cloud platform that hosts static sites, serverless, and edge functions. You can integrate a Vercel project with a GitHub repository to allow you to deploy automatically when you make new commits. We created an example application using Next.js you can use as a reference when
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Full-text-search not working when the query is multiple strings
Full-text-search not working when the query is multiple strings · Issue #8939 · prisma/prisma
Custom models | Prisma Documentation
Is is possible to attach methods to models in Prisma? · prisma/prisma · Discussion #2763
prisma-examples/typescript/rest-nextjs-api-routes at latest · prisma/prisma-examples