In this video we are going to create a Static website that uses the NASA API, we will use getStaticProps, getStaticPaths and Client fetching. Test it for yourself at https://next-images-with-nasa.vercel.app/

NASA API: https://api.nasa.gov/
Next Image: https://nextjs.org/docs/api-reference/next/image
Next Link : https://nextjs.org/docs/api-reference/next/link
GitHub : https://github.com/perkinsjr/next-images-with-nasa

• 00:00 - Introduction
• 00:45 - NASA API
• 07:05 - NextJS application setup
• 08:11 - Next Config
• 10:27 - Creating our framework for ImagePreview Component
• 12:07 - Creating our framework for our Photo Image Paths.
• 13:40 - Finish our ImagePreview Component
• 17:13 - Creating our Homepage with getStaticProps
• 24:09 - Referencing the NASA API to explain our code.
• 25:19 - Testing our Image gallery
• 26:31 - Writing our photos/[id].js
• 27:37 - getStaticPaths
• 29:37 - getStaticProps
• 32:17 - Consuming our props
• 35:31 - Testing our selected Photo
• 36:30 - Using Grid to display the gallery
• 38:35 - Testing our Grid
• 39:34 - Creating a Fade in effect
• 41:48 - Creating the ability to Search
• 48:04 - Testing our search
• 48:54 - More Stylings
• 51:55 - Outro

#nextjs #next #javascript #react