You've heard great things about this new web framework called Next.js, but you're still not sure why people are using it.
One way to understand why you should learn Next.js is to understand what problems it solves. This directly translates to why it's become so popular.
Let's say you're a new startup trying to launch a website. You might have some requirements like:
- Splash page with information about the product
- About page describing the team
- Frequently asked questions
- Capture leads through a contact form
- Subscribe to a newsletter
However, if we have some foresight, we might know that future requirements call for a user authentication flow and the beginnings of a SaaS product.
The real value in using a framework is developer productivity, shared knowledge, code reuse, and creating a platform for the future. If we start with React/Next.js, we can satisfy the initial requirements with ease and pave the way for the next iteration of the product.
Why? With React, you can build anything from simple marketing splash pages to full-fledged web applications on the scale of Facebook. It's flexible and composable. Developers love this.
For companies, this means you're more likely to find employees who already know React. For developers, this makes a very advantageous skill to add to your skillset.
According to NPM trends, it's outpacing other web frameworks like Angular and Vue by ~5 million installs/day.
Next.js solves both of those problems using server-rendering or static-site generation. Next's framework allows you to build scalable, performant React code without the configuration hassle. That's why so many companies depend on Next for shipping production applications.
- 350k+ Next.js devs (30% of all React devs)
- 60+ Alexa top 10k sites built using Next.js
- Over 35,000 production sites
- 300k weekly NPM downloads
- Used by companies like Nike, Uber, Hulu, Twitch, and GitHub
Wouldn't it be nice to not have to worry about this?
- Next.js supports IE10 and all modern browsers out of the box. Babel is configured for you, with an escape hatch to override if you need to.
- Want to handle routing with CRA? That will require react-router (or a similar library). Next.js has file-system based routing out of the box. No extra installation!
Next is unique among front-end and JAMstack frameworks because it seamlessly allows developers to grow from static sites to server-rendered sites as requirements change. No matter what data fetching strategy you need, you can stay within the bounds of the framework.
- Static Sites – Blazing-fast JAMstack websites.
- Server Side Rendering – Great for SEO and load performance.
- Pre-Rendering – Best of both worlds. Blazing-fast website + scale traffic effortlessly.