Search⌘ K
AI Features

Giphy Search App Preview

Discover how to preview the Giphy search app in this lesson. Learn by following guided steps that show the real-world implementation of Next.js to build a functional, fast React application.

Giphy search app

I will walk you through building this application step by step. Learning by doing is how the course is taught. I will introduce you to a concept, and then you will implement it in the project you are building so that you can see how it is used in a real-world scenario.

App preview

Giphy Search App
Giphy Search App

Giphy search app

Run the code below to check out how the app runs:

import Link from 'next/link'

export default function Footer () {
    return(
        <>
            <div className="footer">
                <p><Link href="/"><a>home</a></Link></p>
                <p><Link href="/about"><a>about</a></Link></p>
                <p>A big thanks to <a href="https://giphy.com/">giphy.com</a> for letting us use there API!</p>
            </div>
        </>
    )
}