api_key

Gain insights into building ultra-fast React apps with Next.js. Delve into static optimization, SEO practices, and deploying a giphy search app using the giphy.com API.

Next.js - The ultimate way to build React apps.png

nextjs.tar.gz

next_js

Create-next_js

React is an amazing framework that allows you to build front-ends that are unmatched in speed, functionality, and ease of use. Where React falls short though is its ability to optimize for search engines. That’s where Next.js comes in.

In this course, you will learn to build a giphy search app using the giphy.com API. To kick things off, you’ll learn how to statically optimize a Next.js page, creating an ultra fast loading experience for users. You’ll then dive into the inner workings of creating your giphy search app. 

In the back half of the course, you will learn how to optimize for SEO, and how to deploy your application. By the end, you will have a great new framework to add to your resume and a new shiny application to add to your portfolio.

Next.js - The ultimate way to build React apps

# Creating a page
Making a new page for a Next.js app is a straightforward process. All you have to do is add a file to the pages directory.



You will create a page called "about". The first thing to do is create the `about.jsx` file.

Now, all you have to do is create a function that is exported.

export default function About (){
    return(
         <div className="container">
          <h1>About</h1>
        </div>
    )
}

By going to `http://localhost:3000/about` you will see your new page!

My excitement comes from the fact that you do not have to add any additional code for the route. It was automatically created based on the presence of `about.jsx` living inside of the pages folder. How cool is that?

Static pages, which do not require data, are the easiest pages to implement in Next.js. In this lesson, I will teach you how to make.

Introduction

Getting Started

Development Tools & Pre-Rendering

Application Development

SEO

Deployment and CI/CD

Conclusion

Statically Generated Page with No Data

Creating a page