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

## The creators of Next.js
[Vercel](https://vercel.com/) is the creator of Next.js. They are a hosting company that is out to simplify dev ops. Their main service is hosting Jamstack applications, which is what Next.js is. You will learn more about Jamstack applications later in this lesson. Vercel can host all of these and make deployment a breeze. 



Vercel is a service that you can deploy 30+ Jamstack frameworks to. In my opinion, Next.js is the most popular amongst all 30.

After working with Next.js, it was easy for me to get on board with deploying my first Next.js site to Vercel. Vercel has a free tier of service, which allows you to try it out without any risk. After my first deploy, I realized that  Vercel is much more than just hosting. It has built-in CI/CD, environment variables, a global CDN (Edge Network), and more. These are all things I needed for apps I was building.

Next.js simplifies application development and Vercel simplifies Dev Ops.


## Jamstack
Vercel is a service for hosting Jamstack sites. If you are anything like me, then you will need to know more about what Jamstack is.

### About
Jamstack is an architecture designed to make the web faster, more secure, and easier to scale. It builds on many of the tools and workflows which developers love, and which bring maximum productivity.

The core principles of pre-rendering and decoupling enable sites and applications to be delivered with greater confidence and resilience than ever before.

Want to learn more? Check out these links:
* https://jamstack.org/why-jamstack/
* https://jamstack.org/what-is-jamstack/

### Frameworks
Next.js is a Jamstack, but what else qualifies to be deployed to Vercel?

I couldn't find a complete list on their site or documentation oddly enough. What I found was just a few that they mentioned. They also mention 30+ in several spots, so if you want to try deploying something else give it a shot or contact their support to see if it is compatible.





# The creators of Next.js
[Vercel](https://vercel.com/) is the creator of Next.js. They are a hosting company that is out to simplify dev ops. Their main service is hosting Jamstack applications, which is what Next.js is. You will learn more about Jamstack applications later in this lesson. Vercel can host all of these and make deployment a breeze. 



Vercel is a service that you can deploy 30+ Jamstack frameworks to. In my opinion, Next.js is the most popular amongst all 30.

After working with Next.js, it was easy for me to get on board with deploying my first Next.js site to Vercel. Vercel has a free tier of service, which allows you to try it out without any risk. After my first deploy, I realized that  Vercel is much more than just hosting. It has built-in CI/CD, environment variables, a global CDN (Edge Network), and more. These are all things I needed for apps I was building.

Next.js simplifies application development and Vercel simplifies Dev Ops.


# Jamstack
Vercel is a service for hosting Jamstack sites. If you are anything like me, then you will need to know more about what Jamstack is.

## About
Jamstack is an architecture designed to make the web faster, more secure, and easier to scale. It builds on many of the tools and workflows which developers love, and which bring maximum productivity.

The core principles of pre-rendering and decoupling enable sites and applications to be delivered with greater confidence and resilience than ever before.

Want to learn more? Check out these links:
* https://jamstack.org/why-jamstack/
* https://jamstack.org/what-is-jamstack/

## Frameworks
Next.js is a Jamstack, but what else qualifies to be deployed to Vercel?

I couldn't find a complete list on their site or documentation oddly enough. What I found was just a few that they mentioned. They also mention 30+ in several spots, so if you want to try deploying something else give it a shot or contact their support to see if it is compatible.





Vercel is the creator of Next.js. Also, and perhaps more importantly, they can host your Next.js apps.

Introduction

Getting Started

Development Tools & Pre-Rendering

Application Development

SEO

Deployment and CI/CD

Conclusion

Vercel Hosting