PrismaのTypedSQLがなぜアツイのか

2024/08/29 109 users アツい クエリ クエ ドキュメント かなりアツ

Prisma界隈で話題沸騰中（自分調べ）のTypedSQLだが、自分の中ではかなりアツいと思っているので、その理由を語ろう。なおTypedSQLの機能とか仕組みについては記述しないのでドキュメントや以下の記事を参照するとよい。 Prismaの難しさ 複雑なクエリを組み立てるのが特に難しい。複雑といっても何10行もあるようなクエ... 続きを読む

Remix on CloudflarePages + Prisma + Supabase で銀の弾丸を目指す 20240828

2024/08/28 74 users 貧者 supabase 弾丸 最強 結論

Remix on CloudflarePages + Prisma + Supabase で銀の弾丸を目指す 20240828 自分が思う最強の(かつ貧者の)構成を目指したログ。流行りの技術選定ってやつしたかった。 結論だけ言うと、まだ綺麗ではないが現実的に動く。動かし方を理解してないと事故る、かも。 この記事は自分がたどり着いた結論を順を追って記述する... 続きを読む

生SQLに型を手書きする時代は終わり？Prismaの新機能「TypedSQL」

2024/08/28 153 users ORM SQL API 生SQL 少しクセ

生SQLを扱う $queryRaw TypeScript向けのORMライブラリとしてPrismaがあります。Prismaは直感的で型安全なAPIを提供し、TypeScript向けのORMとしては第一に名前が上がることが多いライブラリです。 しかしそんな人気なPrismaでも、裏側では少しクセのあるSQLが発行されていたり、欲しいSQLがPrismaのAPIでは実現できない... 続きを読む

Next.jsとPrismaをCloudflareにデプロイして月300万のDBクエリに無料で耐える

2024/06/01 108 users CloudFlare グロー DBクエリ Next.js 最初

はじめに Next.js を Cloudflare にホスティングしようとすると、必然的に Edge Runtime 環境になります。しかし、Edge Runtime 環境では、Node.js Runtime と異なり、Prisma がそのまま使えません。 最初に思い浮かぶ解決策は Prisma Accelerate です。Prisma Accelerate は公式のサービスで、接続プールイングやグロー... 続きを読む

モノレポにおけるback/front間のPrismaの型共有の方法

2024/02/24 16 users ORM backend Frontend back モノレポ

詳しい方いたら教えてください。めっちゃ欲しい情報ですん。 別にモノレポでなくてもいいんですが、backend/frontendをTSで開発されてる場合Prisma入れてる気がするのですがそういう時の型共有の方法、ggってもあまり出てこない気がする。 Prisma とは Node.jsのORMです。かなり使いやすくて気に入ってます。 スターもた... 続きを読む

【個人開発】最新のNext.js+NextAuth.js+prisma+microCMSでECサイト作ってみた【フルスタックアプリケーション】 - Qiita

2024/01/10 128 users Qiita microCMS MaMi Next.js 皆さん

【個人開発】最新のNext.js+NextAuth.js+prisma+microCMSでECサイト作ってみた【フルスタックアプリケーション】TypeScriptフロントエンド個人開発Next.jsprisma はじめに 皆さんこんにちは、mamiなのだ！ 今回はバックエンドは作らずにNextAuth.jsやprisma、microCMSなどを利用してNext.jsでECサイトを作成してみたので... 続きを読む

【Nextjs】Cloudflare Pagesにデプロイしようとしたら超苦労したので解決策を記録する

2024/01/03 10 users nextjs Cloudflare Pages まえがき

まえがき 記事の内容 Cloudflare PagesにデプロイしようとしたらPrismaが元凶で超苦労したので記事にします。 もう少し詳しく言うとCloudflare Pagesにデプロイするために必要なEdge runtimeをPrismaで使うためには設定が必要だったことです。 これからはメインのデプロイ先をCloudflare Pagesにしようと思っているので... 続きを読む

【新機能】Vercel Postgres + Next.js + PrismaでフルスタックWebアプリケーションを作ってみた

2023/05/02 51 users Vercel client Server ＧＷ 初日

はじめに GWに入り、5日連続のVercelによる新機能の発表が始まりました。早速初日(2023 5/1)からすさまじい機能の発表がありました。 初日に発表されたのは、以下の三つのStorageサービスです。 Vercel Postgres Vercel KV Vercel Blob 今回はこの中のVercel Postgresを実際に使いながら、ClientからServerまで網羅した... 続きを読む

SvelteKitが正式リリースされたのでtRPCとPrismaを使ってWebアプリを開発してみた

2023/01/02 50 users SvelteKit tRPC あっという間 新年 掲示板

新年あけましておめでとうございます。 昨年はあっという間に過ぎ去ってしまったので、2023年はたくさん開発していきたいです。 はじめに はじめまして、kosei28という者です。 普段は大学に通いながら個人開発している19歳です。 この度、Chatockという掲示板のようなWebアプリを開発したので、紹介させてください。 つ... 続きを読む

Prisma で本物のDBMSを使って自動テストを書く - mizdra's blog

2022/11/24 126 users mock DBMS ロジック 下位 レイヤード

DBMS に依存するロジックのテストを書く時、主に2つの手法があると思います。 Repository 層などを mock する Service 層のテストをする時は、その下位の Repository 層を mock して、DBMS に依存しない形にしてからテストする レイヤードなアプリケーションで適用できる手法 テスト実行時も DBMS を裏で動かして、それ... 続きを読む

Next.js, Prisma, GraphQL Code Generator で作るフルスタック Web アプリケーション

2022/09/10 166 users フルスタック NextAuth.js アプリケーション 書籍

Next.js, Prisma, GraphQL Code Generator で作るフルスタック Web アプリケーション おもにNext.js、Prisma、GraphQL Code Generatorを用いたWebアプリケーションの構築手法について解説した書籍となります。 上記技術に加えて、以下の技術も採用しています。 ・Tailwind CSS ・NextAuth.js ・Apollo GraphQL ・Prettie... 続きを読む

TypeScriptとPrismaとPlanetGraphQLで作るGraphQL API【43分くらい】

2022/08/27 10 users TypeScript GraphQL ライブラリ ご存知

はじめに この記事を読んでいる皆さんはGraphQLやTypeScriptを(そしておそらくPrismaも)ご存知だと思います。しかしPlanetGraphQLについて耳にしたことがある方は皆無ではないでしょうか。 PlanetGraphQLは、TypeScriptやPrismaと組み合わせることで、手早く多機能で柔軟なGraphQL APIを作ることを目指したライブラリで... 続きを読む

Remixの凄みを紹介したい

2022/05/26 83 users Remix Transcript ISR Twitter 社内

Transcript 📀 Remix の凄みを紹介したい @aiji42_dev Who am I ? Uejima Aiji | Twitter: @aiji42_dev 🏢 株式会社エイチームライフデザイン 🧘 リードエンジニア 🥑 最近の活動 CloudflareでISRを実現したり CSRなサイトをPrerenderでSSRぽくしたり PrismaからSupabase APIを叩くミドルウェア作っ たり 社内でフロント... 続きを読む

GraphQL スターターパック | Prisma + NestJS + Next.JS製 個人ブログサイトをCloud Runで運用しよう

2022/02/14 151 users React GraphQL NestJS スキマ 近年

GraphQL スターターパック | Prisma + NestJS + Next.JS製 個人ブログサイトをCloud Runで運用しよう 「GraphQLの仕様はなんとなく知っているけど、それを使ってどうアプリを作るのかいまいちイメージがわかない」 この本はそんなスキマを埋めるべく書きました。 近年ではReactをはじめフロントエンドの選択肢が豊富にな... 続きを読む

GraphQL と Prisma から考える次のN年を見据えた技術選定 / Architecture decision for the next N years at StudySapuri

2021/11/27 155 users Rails microservices GraphQL

Transcript GraphQL ͱ Prisma ͔Βߟ͑Δ ࣍ͷN೥Λݟਾٕ͑ͨज़બఆ @qsona 2021-11-27 JSConf JP whoami • @qsona • Web Engineer at ελσΟαϓϦ (ϦΫϧʔτ) • Node.js / Rails / GraphQL / Microservices @qsona ͱ Node.js • ιϑτ΢ΣΞΤϯδχΞͱͯ͠ॳΊͯݱ৔ͰίʔυΛॻ͍ͨͷ͕
 αʔόʔαΠυ Node.js Ͱͨ͠ (!!) • Node v0.10, EcmaScript 5 • Node ֶԂͷίϛϡχςΟʹҭͯͯ΋ΒͬͨͷͰɺ
 ࠓ೔ͷ৔ͰొஃͰ͖ͯͱͯ΋͏Ε͍͠Ͱ͢! ຊൃද... 続きを読む

Apollo ServerとPrismaではじめるGraphQL API開発入門

2021/09/21 88 users ORM マイグレーション TypeScript grap 構築

この本では、TypeScriptで型安全にGraphQLサーバーを構築する方法をハンズオン形式で学習することができます。 Todoアプリの開発を通して、GraphQLスキーマの扱いやCLIツールの設定方法、TypeScriptのORMであるPrismaの基本的な使用方法、CI/CDパイプラインの構築によるマイグレーションの自動化などを体験します。 Grap... 続きを読む

TypeScriptでWebサービス開発（Apollo Server/Prisma/Next.js etc...)

2021/09/14 180 users Rails TYP 知見 TypeScript node.js

最近開発しているBtoB SaaSサービスの技術スタックを、RailsからNode.jsに移行した。 これにより、フロントエンドもバックエンドも全てをTypeScriptで統一することができた。 特にNode.jsのWebバックエンドの構成について、まだまだ世の中に知見が少ない気がしているので記事にしておく。 Webバックエンド - Node.js(Typ... 続きを読む

Release 3.0.1 · prisma/prisma · GitHub

2021/09/08 14 users GitHub

Today, we are excited to share the 3.0.1 stable release ? As previously announced, Prisma has adopted SemVer strictly and this is the first major release which means it has some breaking changes. For all the breaking changes, there are guides and documentation to assist you with the upgrade. Thi... 続きを読む

Node.js & TypeScript向けの完璧なORM

2021/04/25 185 users ORM TypeScript node.js 著者 アカウント

本記事は、@nikolasburk氏による「The Complete ORM for Node.js & TypeScript」（2021年4月21日公開）の日本語翻訳を、著者の許可を得て掲載しているものです。今後Prismaの公式ブログの日本語翻訳の許可をいただいたので、このアカウントで継続して翻訳していきます。※画像やリンクは公式のBlogからお借りしています。... 続きを読む

Prisma – The Complete ORM for Node.js & TypeScript

2021/04/21 12 users TypeScript node.js

Prisma is a next-generation ORM for Node.js and TypeScript. After more than two years of development, we are excited to share that all Prisma tools are ready for production! ContentsA new paradigm for object-relational mappingReady for production in mission-critical appsPrisma fits any stackOpen-... 続きを読む

Go と prisma と lit-html と ky で作るモダンな TODO アプリ

2021/03/14 28 users ToDo lit-html ORM アプリ 選定

はじめに 以前から Go の ORM (Object Relational Mapping) 選定の為に、そこそこ時間を使っています。現状は gorp を使っていますが、満足している訳ではありません。 そんな中で見つけた prisma を試すべく、バックエンドに Go と prisma を使った TODO アプリを作ってみる事にしました。 prisma とは prisma (Next-ge... 続きを読む

Prisma 基礎

2021/01/16 31 users ORM ドキュメント node上 アプリケーション 基礎

Prismaのドキュメントを読んでみたので、基本的なことをまとめていきます。 Primsaとは オープンソースのORM(Object-relational mapping) Node上のアプリケーションで直接DBに接続し、クエリー発行が可能 RDB周りの処理をより簡単に行えるようにし、開発者の生産性を向上させることを目的に開発 Next.jsアプリケーション... 続きを読む

Next.js API Route の実装時に同じファイルでクライアントコードも実装すると嬉しい…

2021/01/08 23 users pages ROUTE クライ Prisma ORM 発想

tl;dr API Route でクライアント用のコードも一緒に実装すると型安全に実装しやすい ただしセキュリティは気をつけてね 発想 Next.js から Prisma ORM を利用する という記事で、 Next.js の getServerSideProps で prisma のコードを使う例を紹介しました。 これは pages というユニバーサルなエンドポイントで、クライ... 続きを読む

How to Build a Fullstack App with Next.js, Prisma, and PostgreSQL - Vercel Guides

2021/01/06 57 users Guide PostgreSQL you'll

How to Build a Fullstack App with Next.js, Prisma, and PostgreSQLCreate a fullstack application with Next.js, Prisma, PostgreSQL, and deploy to Vercel. Prisma is a next-generation ORM that can be used to acccess a database in Node.js and TypeScript applications. In this guide, you'll learn how to... 続きを読む

Next.js + Prisma + NextAuth.js + React Query で作るフルスタックアプリケーションの新時代

2020/12/24 407 users データベース 認証 過言 王道 フルスタック

最近は Next.js アプリを見ることが多くなってきました。もはや JAM スタックの王道、と言っても過言ではないかもしれません。 ですが、やっぱりフルスタックとなると、データベースや認証などが必要になってきて、その辺のやり方がいまいちよくわからない、という人も多いのではないでしょうか。 自分もその一人でした... 続きを読む