APIs with Next.js
- Length: 35 min
- Difficulty: Intermediate
Auto-generated captions, so expect a few mistakes.
What Is an API
Project Setup and Sample APIs
Fetching Data with getStaticProps
Formatting API Data
Dynamic Pages and Pagination
Building Your Own API Route
Dynamic API Routes
About this camp
In this camp, we'll be learning about APIs with Next.js.
We'll learn about what APIs are, learn what JSON is and how we can understand it, and use fetch to create a GET request to an API. Then, we'll make a basic Next.js project to show off dynamic API routes and next/link navigation.
* This camp was prerecorded and edited. If you have any questions, feel free to contact us via Discord, social media, or STEMpump Support.
What you'll learn
- Interpret JSON APIs
- Use fetch to perform a GET request
- Utilize getStaticProps to pull our data on the server
- Create dynamic API routes in Next.js
- Use next/link to create a navigation system