---
title: "Discussion on \"Next js + GraphQL + TypeScript Setup\" | Hashnode"
description: "Discussion on \"Next js + GraphQL + TypeScript Setup\". React Next.js Graphql Apollo Client Typescript"
url: "https://hashnode.com/posts/next-js-graphql-typescript-setup/5f3b2dd33e23f55bce0e2e92"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Next js + GraphQL + TypeScript Setup](https://ivanms1.hashnode.dev/next-js-graphql-typescript-setup?utm_source=hashnode&utm_medium=feed)

React Next.js Graphql Apollo Client Typescript

Aug 18, 2020 · 5 min read · ivanms1.hashnode.dev  
Updated Mar 3, 2023  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#graphql](https://hashnode.com/tag/graphql)
-   [#typescript](https://hashnode.com/tag/typescript)
-   [#nextjs](https://hashnode.com/tag/nextjs)
-   [#javascript](https://hashnode.com/tag/javascript)

## Written by

[Ivan Maximiliano Saldano](https://hashnode.com/@ivanms1)

@ivanms1 · South Korea

  
[View profile](https://hashnode.com/@ivanms1)

Full Stack Developer | Senior Frontend Developer @ Jitera

I am a developer from Argentina living in South Korea.

## Responses 4

Markdown supported · ⌘↵ to post

[Ufere Kalu](https://hashnode.com/@lushak)

[Apr 17, 2023](https://hashnode.com/posts/next-js-graphql-typescript-setup/5f3b2dd33e23f55bce0e2e92/comment/643db655b7aa20e0b08c4c89)

Very insightful. Thank you ✅

[Ivan Maximiliano Saldano](https://hashnode.com/@ivanms1)

[Apr 18, 2023](https://hashnode.com/posts/next-js-graphql-typescript-setup/5f3b2dd33e23f55bce0e2e92/comment/643db655b7aa20e0b08c4c89#reply-643e0385f56defe2e6fe14c7)

Thank you!

[MaryShodiya](https://hashnode.com/@MaryShodiya)

[Mar 3, 2023](https://hashnode.com/posts/next-js-graphql-typescript-setup/5f3b2dd33e23f55bce0e2e92/comment/6401d8a16cc7b7a220948c87)

Nice Tutorial... However, you made an error with the query file name when calling it the pages/index.tsx.

"CountriesQuery.graphql" is the query file name but we imported "./queryCountries.graphql" when calling the query.

[Ivan Maximiliano Saldano](https://hashnode.com/@ivanms1)

[Mar 3, 2023](https://hashnode.com/posts/next-js-graphql-typescript-setup/5f3b2dd33e23f55bce0e2e92/comment/6401d8a16cc7b7a220948c87#reply-6401dfd8a50f11a2517bf082)

oh thank you, nice find. I've corrected it.

[Rohil](https://hashnode.com/@Rohil)

[Aug 18, 2020](https://hashnode.com/posts/next-js-graphql-typescript-setup/5f3b2dd33e23f55bce0e2e92/comment/5f3b5e3e3e23f55bce0e2f4f)

Congrats on your first post. Ivan. :D 🎉🎉🎉🎉

[Ivan Maximiliano Saldano](https://hashnode.com/@ivanms1)

[Aug 18, 2020](https://hashnode.com/posts/next-js-graphql-typescript-setup/5f3b2dd33e23f55bce0e2e92/comment/5f3b5e3e3e23f55bce0e2f4f#reply-5f3b77bd3e23f55bce0e3055)

Thanks Rohilio!

[Sabin Adams](https://hashnode.com/@SabinAdams)

[Aug 18, 2020](https://hashnode.com/posts/next-js-graphql-typescript-setup/5f3b2dd33e23f55bce0e2e92/comment/5f3b3c3c1121a55bad97768f)

Good stuff, super easy to follow. Thanks 😁

[Ivan Maximiliano Saldano](https://hashnode.com/@ivanms1)

[Aug 18, 2020](https://hashnode.com/posts/next-js-graphql-typescript-setup/5f3b2dd33e23f55bce0e2e92/comment/5f3b3c3c1121a55bad97768f#reply-5f3b77ca1121a55bad9777a9)

Glad you liked it :D