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.

0 comments
#nextjs #client-side rendering #API Integration
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
React vs Browser APIs (Mental Model)
Jivbcoop • 3 votes
2
React, useEffect, and Stale Closures: How to Avoid Them with Dependencies and useRef
Jivbcoop • 2 votes
3
Building Type-Safe Compound Components
TkDodo Dominik Dorfmeister • 2 votes
4
Introducing RSC Explorer
Dan Abramov • 1 votes
5
The Pulse: Cloudflare’s latest outage proves dangers of global configuration changes (again)
The Pragmatic Engineer Gergely Orosz • 1 votes