Cassidy Williams 12/16/2020

Query an API at both build time and runtime with Next.js

Read Original

This technical article explains the differences between querying APIs at build time and runtime in Next.js. It demonstrates using getStaticProps for static generation (faster load, stale data) and React hooks (useEffect, useState) for client-side fetching (slower load, fresh data), using the NASA Open API as a practical example.

Query an API at both build time and runtime with Next.js

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

1
The Beautiful Web
Jens Oliver Meiert 2 votes
2
Container queries are rad AF!
Chris Ferdinandi 2 votes
3
Wagon’s algorithm in Python
John D. Cook 1 votes
5
Top picks — 2026 January
Paweł Grzybek 1 votes
6
In Praise of –dry-run
Henrik Warne 1 votes
8
Vibe coding your first iOS app
William Denniss 1 votes