GithubHelp home page GithubHelp logo

tomanagle / nextjs-nestjs-graphql-starter Goto Github PK

View Code? Open in Web Editor NEW
395.0 395.0 75.0 4.55 MB

A production-ready NextJS & NestJS GraphQL starter pack

License: MIT License

Shell 0.70% Dockerfile 0.57% TypeScript 92.67% JavaScript 5.58% Less 0.48%
graphql javascript nestjs nextjs nodejs react reactjs

nextjs-nestjs-graphql-starter's Issues

Can't start server because of `apollo-cache-control` issue

Hi, I got the issue when trying to start the server. Can you please help me to check it? Thanks.

[7:02:47 AM] Starting compilation in watch mode...

node_modules/@nestjs/graphql/node_modules/apollo-cache-control/dist/index.d.ts:24:9 - error TS2717: Subsequent property declarations must have the same type.  Property 'cacheControl' must be of type '{ setCacheHint: (hint: CacheHint) => void; cacheHint: CacheHint; }', but here has type '{ setCacheHint: (hint: CacheHint) => void; cacheHint: CacheHint; }'.

24         cacheControl: {
           ~~~~~~~~~~~~

  node_modules/apollo-cache-control/dist/index.d.ts:24:9
    24         cacheControl: {
               ~~~~~~~~~~~~
    'cacheControl' was also declared here.

node_modules/@nestjs/graphql/node_modules/apollo-cache-control/dist/index.d.ts:32:9 - error TS2717: Subsequent property declarations must have the same type.  Property 'overallCachePolicy' must be of type 'Required<CacheHint>', but here has type 'Required<CacheHint>'.

32         overallCachePolicy?: Required<CacheHint> | undefined;
           ~~~~~~~~~~~~~~~~~~

  node_modules/apollo-cache-control/dist/index.d.ts:32:9
    32         overallCachePolicy?: Required<CacheHint> | undefined;
               ~~~~~~~~~~~~~~~~~~
    'overallCachePolicy' was also declared here.

[7:03:00 AM] Found 2 errors. Watching for file changes.

Issues when trying to boot server and client Starter

Hello I try to start starter again today and....

I added GITHUB_CLIENT_ID to client .env

CLIENT_BASE_URL=http://localhost:5000/graphql
WEBSOCKET_API_URL=ws://localhost:5000/graphql
GA_ID:GA-
SENTRY_DSN:
BROWSER_API_ENDPOINT:http://localhost:5000/graphql
GITHUB_CLIENT_ID:7c85dd5920..........
CLIENT_DOMAIN:http://localhost:3000
REDDIT_CLIENT_ID:

and I added GITHUB_CLIENT_ID and GITHUB_CLIENT_SECRET to server .env

# Used to sign and verify JWTs, make sure you change it to something string, or use a public & private key
SIGNING_KEY=changeThis

CORS_ORIGIN=http://localhost:3000

SENTRY_DSN=

ENGINE_API_KEY=

GA_ID=

GITHUB_CLIENT_ID=7c85dd5920..........
GITHUB_CLIENT_SECRET=8bb72cc9f8266fa1429a16f520fcd7..........

REDDIT_APP_ID=
REDDIT_APP_SECRET=

GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=

APOLLO_GRAPH_VARIANT=apollo.graphVariant

and started, but I can't use github oauth with starter

image

other issues is the missing http://localhost:3000/logo.png

and in client the required sentry, can this be optional, seems better

Sentry Logger [Warn]: No DSN provided, backend will not do anything.

and a client error in console devtools

Warning: Prop `className` did not match. Server: "css-didk8x bb-TopNavItem" Client: "css-e52yrk bb-TopNavItem"
    in a
    in li (created by ForwardRef(Box))
    in ForwardRef(Box)
    in Unknown (created by TopNav.Item)
    in TopNav.Item (at Navigation.tsx:64)
    in Link (at Navigation.tsx:63)
    in ul (created by ForwardRef(Box))
    in ForwardRef(Box)
    in Unknown (created by TopNav.Section)
    in TopNav.Section (at Navigation.tsx:62)
    in div (created by ForwardRef(Box))
    in ForwardRef(Box)
    in Unknown (created by TopNav)

thanks again

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.