Build a Blog With Next.JS
A quick introduction and guide to building your own blog site with Next.JS
In case you are not familiar with it yet, Next.JS is a popular React framework. This framework allows you to build React applications capable of static site generation and server-side rendering with no configuration required.
The major benefit of using static site generation or server-side rendering is that it is much better for Search Engine Optimization (SEO) and you’ll notice the initial page load is much faster than a typical React application. With server-side generation, you have the option of pulling data directly from your data source before the page is rendered and sent to the client rather than fetching from an API.
But rather than going through a long explanation of the benefits of Next.JS let’s instead build an example application to demonstrate how it can be used to build your own personal blog site.
For this article, I will assume you are already familiar with JavaScript and React which you will need a solid understanding of to get the most out of this.
Getting Started with Next.JS
The first thing we will need to do to get started is to generate a new project. Open up a terminal and create or navigate to a directory…
