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

Importing and using next/head allows you to add a title element to the head element of your application.

Importing and using next/head allows you to add a title element to the head element of your application.

Importing and using next/head allows you to add meta elements to the head element of your application.

Importing and using next/head allows you to add meta elements to the head element of your application.

They must be generated from static strings.

They are not to be placed in the next/head.

They can be created statically or dynamically. 

What is true about title and meta descriptions when using Next.js to create them?

What is true about title and meta descriptions when using Next.js to create them?

Can Next.js convert your images to WebP, a popular image format that can reduce image size by 30%?

Can Next.js convert your images to WebP, a popular image format that can reduce image size by 30%?

Image optimization can make your images smaller, which leads to a faster site. Can this can impact your SEO in a positive way?

Image optimization can make your images smaller, which leads to a faster site. Can this can impact your SEO in a positive way?

Implementing the Best SEO possible

Implementing the Best SEO possible

Do you know how to get the most out of Next.js to enhance your SEO? Let's find out.

Introduction

Getting Started

Development Tools & Pre-Rendering

Application Development

SEO

Deployment and CI/CD

Conclusion

Next.js SEO Quiz