[Hasura] Nextjs+Hasura+Apollo ClientGraphQL Web

NextjsHasuraGraphQLGraphQL WebHasura CloudGraphQLNextjs + Apollo ClientHasura endpoint(CRUD)NextjsSSG/ISRHasuraApollo Client (4fetch policy, cache. modify)Apollo Client (makeVar, @client)Custom Hooks, useCallback, memoReact-testing-library, Mock service worker, next-page-testerGraphQL codegen Nextjs (getStaticProps, getStaticPaths, ISR)React Hooks (useState, useEffect.) (Tutorial)Hasura CloudUnderstanding of Hasura Cloud and GraphQLTable relationships in Hasura (1:1, 1:N, N:N ())Integration of Nextjs to HasuraApollo ClientApollo client state management by makeVar + useReactiveVarApollo client state management by Apollo cache (query with @client) Apollo client manual cache update (cache. modify)Apollo client + Hasura CRUD operationsuseQuery + useMutation4fetchPolicy(cache-first, cache-and-network, network-only, no-cache)NextjsgetStaticProps + Apollo client (SSG + ISR)getStaticPaths +Apollo client (SSG+ ISR) [id] pageCustom hookLogicUIuseCallback + memoReact-testing-libraryWrite test cases by next-page-tester, react-testing-libraryMocking GraphQL response by MSWAutomatic test run before deployGraphQL typesGraphql codegen(Typescript)-Microphone: SHURE SM7BMicrophone stand: Blue compass Audio interface: Solid State Logic (SSL 2+)Movie editor: Screen flow 9