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

## Environment
This lesson covers how to run commands in Node.js for a local setup. Running Next.js locally might be important for you when you are ready to build your own unique app, or deploy it live. However, it is not important to do this to learn Next.js on Educative. There are many code playgrounds that you can use to learn how to use Next.js and play around with its features found throughout the course.



## Node.js
Next.js runs in the Node JavaScript runtime environment. If you do not already have Node installed, you can install it from here: https://nodejs.org/en/

If you are already using Node, make sure you have version 10.03 or later.

You can check your version by running this command from your CLI:



# Environment
This lesson covers how to run commands in Node.js for a local setup. Running Next.js locally might be important for you when you are ready to build your own unique app, or deploy it live. However, it is not important to do this to learn Next.js on Educative. There are many code playgrounds that you can use to learn how to use Next.js and play around with its features found throughout the course.



# Node.js
Next.js runs in the Node JavaScript runtime environment. If you do not already have Node installed, you can install it from here: https://nodejs.org/en/

If you are already using Node, make sure you have version 10.03 or later.

You can check your version by running this command from your CLI:



Next.js is a framework. Because of this, getting a basic next app is easy to do. With Nodes package manager (npm), you need to run only one command. This lesson covers your first steps into Next.js.

Introduction

Getting Started

Development Tools & Pre-Rendering

Application Development

SEO

Deployment and CI/CD

Conclusion

Bootstrap a New Project

Environment

Node.js