Home

Extend

Hashnode Pro
Hashnode for Agents

Resources

The foreword
Hashnode gql skill

Buildful - AI coding agent that delivers frontier-level results at a fraction of the cost Bug0 - The AI-native e2e QA regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap

Sign in

Search Hashnode

Search posts, tags, users, and pages

Discussion on "Next js + GraphQL + TypeScript Setup" | Hashnode

Discussion

Ivan Maximiliano Saldano

Full Stack Developer | Senior Frontend Developer @ Jitera

Aug 18, 2020

Next js + GraphQL + TypeScript Setup

This article will walk you through a simple GraphQL setup for your Next JS app. This guide is aimed at people already familiar with GraphQL, if you are not I recommend you to go through some tutorials first and see what this is all about. Spoiler ale...

ivanms1.hashnode.dev5 min read

#reactjs #graphql #typescript #nextjs #javascript

Responses4

Markdown supported · ⌘↵ to post

Ufere Kalu

Fullstack JavaScript Developer

Very insightful. Thank you ✅

Thank you!

IM

Ivan Maximiliano Saldano

Full Stack Developer | Senior Frontend Developer @ Jitera

MaryShodiya

Software Engineer | Technical Writer

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

Full Stack Developer | Senior Frontend Developer @ Jitera

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

Rohil

Front-End Web Developer

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

Ivan Maximiliano Saldano

Full Stack Developer | Senior Frontend Developer @ Jitera

Thanks Rohilio!

Sabin Adams

Site Reliability Engineer

Good stuff, super easy to follow. Thanks 😁

Ivan Maximiliano Saldano

Full Stack Developer | Senior Frontend Developer @ Jitera

Glad you liked it :D