How To Build A GraphQL Server Using Next.js API Routes

This guide will teach you the basics of Next.js API Routes. We will start by explaining what they are and why API Routes are useful compared to REST or GraphQL APIs. Then, we will guide you through a step by step tutorial on how to build your very first GraphQL server with Next.js and the Github API. https://smashingmagazine.com/2020/10/graphql-server-next-javascript-api-routes/

Created 5y | Oct 29, 2020, 11:52:06 AM


Login to add comment

Other posts in this group

What I Wish Someone Told Me When I Was Getting Into ARIA

Accessible Rich Internet Applications (ARIA) is an inevitability when working on web accessibility. That said, it’s everyone’s first time learning

Jun 16, 2025, 8:10:05 PM | Smashing magazine
Creating The “Moving Highlight” Navigation Bar With JavaScript And CSS

In this tutorial, Blake Lundquist walks us through two methods of creating the “moving-highlight” navigation pattern using only plain JavaScript and CSS. The first technique uses the `getBoundingClien

Jun 12, 2025, 12:10:06 AM | Smashing magazine
Decoding The SVG <code>path</code> Element: Line Commands

SVG is easy — until you meet path. However, it’s not as confusing as it initially looks. In this first installment of a pair of articles, Myriam Frisano aims to teach you the basics of <path> and

Jun 9, 2025, 2:10:16 PM | Smashing magazine
Collaboration: The Most Underrated UX Skill No One Talks About

We often spotlight wireframes, research, or tools like Figma, but none of that moves the needle if we can’t collaborate well. Great UX doesn’t happen in isolation. It takes conversations with engineer

Jun 5, 2025, 12:50:03 PM | Smashing magazine
Smashing Animations Part 4: Optimising SVGs

What’s the best way to make your SVGs faster, simpler, and more manageable? In this article, pioneering author and web designer Andy Clarke explains the process he relies on to prepare, optimise, an

Jun 4, 2025, 1:40:07 PM | Smashing magazine
Why Designers Get Stuck In The Details And How To Stop

Designers love to craft, but polishing pixels before the problem is solved is a time-sink. This article pinpoints the five traps that lure us into premature detail — being afraid to show rough work, f

Jun 3, 2025, 7:10:06 PM | Smashing magazine
Designing For Neurodiversity

Designing for neurodiversity means recognizing that people aren’t edge cases but individuals with varied ways of thinking and navigating the web. So, how can we create more inclusive experiences that

Jun 2, 2025, 3:20:08 PM | Smashing magazine