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

【新機能】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... 続きを読む

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

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

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 スタックの王道、と言っても過言ではないかもしれません。 ですが、やっぱりフルスタックとなると、データベースや認証などが必要になってきて、その辺のやり方がいまいちよくわからない、という人も多いのではないでしょうか。 自分もその一人でした... 続きを読む

コーディング不要で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... 続きを読む