

The Node.js installation comes with npx, an npm package runner. Next.js works with Node.js version 10.13 or later. To get started, you’ll need to have Node.js installed on your computer. To follow along with this tutorial, you’ll need a basic understanding of React and Markdown.Īt the end of this tutorial, you should have a Next.js blog that looks like this: Setting up our app We’ll learn how to set up Next.js apps, generate dynamic URLs, and work with data, images, Markdown, and Bootstrap. We’re going to learn about Next.js and MDX by building a blog. We’ll also learn how to work with MDX, a library for writing JSX and React components inside Markdown files. In this article, we’re going to learn how to use Next.js and Markdown to build a blog. Many companies, including TikTok, Netflix, and Twitch, are already using Next.js to build large applications.

SSG means that the HTML pages, along with their styling, are generated during build time, whereas with SSR the HTML is generated on the server and sent to the client when a page request is made. One of the major advantages of Next.js is its ability to create both Static Site Generated (SSG) and Server Side Rendered (SSR) apps, which are good for SEO. Coupled with its ease of setup, the out-of-the-box features and optimizations it brings to the table will leave you wondering why you’ve been building React apps any other way. Next.js has become one of the most popular React frameworks of today.
