Next.js
An incredibly powerful fully-tooled application environment built on React
Next.js is an amazing framework for building highly performant web applications. It’s often a developer’s first choice due to its use of React and type-aware TypeScript, its intuitive programming conventions, the control it gives over loading of resources and its built-in SEO features. Here at Harmonic Northwest we love using Next.js.
Out of the Park Performance
Next.js has a slew of built-in performance-enhancing tools that makes web applications run really really fast. Automatic code splitting ensures that pages load only what is necessary. The next/image component builds and compresses images on demand, outputs responsive variants via srcset and can optionally utilize lazy loading and blurred placeholders.
Powerful Rendering Options
Next.js supports rendering content in multiple ways depending on your needs. It can do server side rendering on each request, more traditional static site generation of the entire site and client side rendering when needed. Static pages can be updated after deployment via incremental static generation.
Effortless Routing
You can build Next.js routes without ever having to do manual assignments in a confusing config file. Routes are usually defined by the file structure and simply creating the base page automatically creates the route. The router also supports dynamic routes, nested routes and catch-all routes.
Immediate SEO Wins
Next.js gives you well defined URLs and easy access to important metadata right out of the box. You know that without going through a lot of extra effort, your Next.js site will have the foundation it needs to rank highly in Google, Bing, DuckDuckGo and other popular search engines.
