Home>Courses>Next.js - The ultimate way to build React apps

Next.js - The ultimate way to build React apps

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.

Intermediate

31 Lessons

5h

Certificate of Completion

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.
AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

12 Playgrounds
6 Quizzes
Course Overview
Course Content
Apply Your Skills
Recommendations

Course Overview

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 giph...Show More
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...Show More

Course Content

1.

Introduction

4 Lessons

Get familiar with Next.js for enhancing React, optimizing SEO, and improving rendering methods.

2.

Getting Started

5 Lessons

Get started with building and deploying Next.js projects through practical, step-by-step applications.

3.

Development Tools & Pre-Rendering

3 Lessons

Examine development tools and pre-rendering techniques like static generation and server-side rendering.

5.

SEO

3 Lessons

Solve problems in optimizing <Head> tags and images for better SEO and performance.

6.

Deployment and CI/CD

5 Lessons

Follow the process of deploying Next.js apps using Vercel, Git, environments, and custom domains.

7.

Conclusion

1 Lessons

Build on the official Next.js and React documentation to enhance application development skills.

Course Author

Trusted by 2.5 million developers working at companies

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Adaptive Learning

Explain with AI

AI Code Mentor

Recommended before starting this course

Free Resources

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath