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

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

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

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からお借りしています。... 続きを読む

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... 続きを読む

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... 続きを読む

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 ֶԂͷίϛϡχςΟʹҭͯͯ΋ΒͬͨͷͰɺ
 ࠓ೔ͷ৔ͰొஃͰ͖ͯͱͯ΋͏Ε͍͠Ͱ͢! ຊൃද... 続きを読む

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

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

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

【個人開発】最新の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サイトを作成してみたので... 続きを読む

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

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

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

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

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

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

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を触ってみて可能性を感じた - SMARTCAMP Engineer Blog

2019/11/08 67 users GraphQLサーバ コーディング 可能性

スマートキャンプのエンジニア瀧川です。 弊社では昨年からエンジニア合宿を企画していまして、今年は10月15日から17日までの2泊3日で実施しました！ 合宿のテーマや全体感は別記事でまとめるかなと思いますが、3日の限られた時間で1チーム(4人)1つのプロダクトを作り、成果として発表する必要がありました。 この条件だ... 続きを読む

GraphQLスキーマからCRUDを自動生成できるPrismaについて - たけぞう瀕死ブログ

2018/05/23 67 users CRUD GraphQL GraphQLスキーマ スキーマ

2018 - 05 - 23 GraphQLスキーマからCRUDを自動生成できるPrismaについて GraphQL Scala Prisma は、様々なデータベースをバックエンドにGraphQLの スキーマ から CRUD を行うためのエンドポイントを提供するプロキシとして動作する ミドルウェア です。最近$4.5Mの資金調達をしてちょっとだけ話題になりました。 www.prisma.io Pr... 続きを読む

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... 続きを読む

【新機能】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 基礎

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

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

ORM成分高めで帰ってきたPrisma 2 - Qiita

2019/08/08 29 users Qiita バックエ preview 素振り API

はじめに 少し前にPrisma 2のpreviewがアナウンスされたので、素振りがてら調べてみました。 まだPreviewのため、実装やAPIは大きく変更される可能性があります Prisma 1 v.s. Prisma 2 Prisma 1 ってなんだっけ そもそもPrisma is 何をおさらいしておくと、Prismaは元来graphcoolというGraphQL as a Serviceのバックエ... 続きを読む

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... 続きを読む

AIによる線画の自動着色の精度が凄い未来感！ソースも公開中！(世永玲生) - Engadget 日本版

2017/01/31 26 users 精度 自動着色 世永玲生 ソース 線画

メカ系エンジニアの「たいやま」さんがTwitter上で公開して話題を生んでいました「chainer」がついにWebサービスとして公開されました。 ソースもこちらで公開しています。 人工知能による画像加工は、「Prisma」や「Deep Dream」等、写真を元に絵画風に加工するサービスが一般的でしたが、今回の「chainer」はなんと、線画に対して自動で着色してくれます。 それでは早速使い方等をレ... 続きを読む

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

2021/01/08 23 users pages ROUTE クライ ユニバーサル 発想

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

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

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

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

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... 続きを読む

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-... 続きを読む

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

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

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

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

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

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