Giter VIP home page Giter VIP logo

next-prisma-graphqlcodegenerator's Introduction

はじめに

"typescript.inlayHints.parameterNames.enabled": "all", "typescript.inlayHints.enumMemberValues.enabled": true, "typescript.inlayHints.functionLikeReturnTypes.enabled": true, "typescript.inlayHints.parameterNames.suppressWhenArgumentMatchesName": true, "typescript.inlayHints.parameterTypes.enabled": true, "typescript.inlayHints.propertyDeclarationTypes.enabled": true, "typescript.inlayHints.variableTypes.enabled": true,

Next.js のセットアップ

https://nextjs.org/docs

npx [email protected] nextjs-prisma-graphql-codegen-sample

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss https://marketplace.visualstudio.com/items?itemName=Prisma.prisma

yarn add -D @typescript-eslint/[email protected] [email protected] [email protected] [email protected] [email protected]

yarn add -D [email protected] [email protected] [email protected]

Prisma のセットアップ

https://www.prisma.io/

yarn add -D [email protected]

https://next-auth.js.org/adapters/prisma

yarn add [email protected] @prisma/[email protected] @next-auth/[email protected]

https://next-auth.js.org/configuration/providers/email

https://www.prisma.io/docs/guides/database/troubleshooting-orm/help-articles/nextjs-prisma-client-dev-practices#solution

https://next-auth.js.org/configuration/options#secret

yarn add [email protected]

https://next-auth.js.org/getting-started/example

GraphQL Code Generator のセットアップ

https://the-guild.dev/graphql/codegen

https://the-guild.dev/graphql/codegen/docs/getting-started/installation

yarn add [email protected] @graphql-tools/[email protected] @graphql-tools/[email protected] @graphql-tools/[email protected] [email protected] [email protected] [email protected]

yarn add -D @graphql-codegen/[email protected] @graphql-codegen/[email protected] @graphql-codegen/[email protected] @graphql-codegen/[email protected] @types/[email protected] [email protected]

yarn add -D @graphql-codegen/[email protected] @graphql-codegen/[email protected]

yarn add @apollo/[email protected]

https://www.apollographql.com/docs/react/data/queries/

https://www.apollographql.com/docs/react/data/mutations/

テストコードの追加

https://vitest.dev/

https://testing-library.com/docs/react-testing-library/intro/

yarn add -D @testing-library/[email protected] @testing-library/[email protected] @testing-library/[email protected] @vitejs/[email protected] [email protected] [email protected]

https://testing-library.com/docs/queries/about

https://blog.y-temp4.com/entry/using-javascript-void-operator

https://github.com/vitest-dev/vitest

本番環境へのデプロイ

https://www.mailjet.com/

EMAIL_SERVER=smtp://[API キー]:[API シークレット]@in-v3.mailjet.com:587 EMAIL_FROM=[あなたが登録したメールアドレス]

https://render.com/

yarn; yarn build; npx prisma migrate deploy

yarn start -p $PORT

NEXTAUTH_URL https://[あなたが設定した名前].onrender.com NEXT_PUBLIC_GRAPHQL_ENDPOINT https://[あなたが設定した名前].onrender.com/api/graphql

ボーナストラック

https://storybook.js.org/

https://ladle.dev/

https://github.com/alan2207/bulletproof-react

https://the-guild.dev/graphql/codegen/plugins

https://formidable.com/open-source/urql/

https://the-guild.dev/graphql/yoga-server

https://developer.mozilla.org/ja/docs/Learn/Accessibility/HTML

https://github.com/aniftyco/awesome-tailwindcss

next-prisma-graphqlcodegenerator's People

Contributors

r1013-t avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.