Web Development with Next.js 14

Next.js is a React framework for building full stack web applications. While React is a library for building user interfaces (web or native), Next.js is a full-blown framework, built on React, that provides dozens of features and, most importantly, a structure for projects ranging from simple websites (like the one you are going to build in this chapter) to incredibly complex applications.

While React.js is an unopinionated declarative library for building UIs, as a framework, Next.js provides configurations, tooling, bundling, compiling, and much more, enabling the developer to focus solely on building the application.

This chapter will cover the following topics:

• How to create a Next.js project and deploy it
• The newest Next.js App Router and its features
• The different types of page rendering: dynamic, server-side, static
• Next.js useful tools: the Image component and the Head component
• Server Actions along with cookie-based...