Introduction to Next.js routing, styling, pre-rendering, and deployment
Since learning React, I have been using create-react-app for all of my personal projects. I love how easy it is to set up a boilerplate app and get to coding right away. Recently I had the urge to take my React skills to the next level, and that is when I came across Next.js.
According to Wikipedia, Next.js is an open-source React front-end development web framework that enables functionality such as server-side rendering and generating static websites for React-based web applications.
On their website, they have a getting started tutorial, where they teach us how to use the basics of Next.js by building a blog. You can see my final product below and check the source code here.
In this article, I want to share some of my takeaways from this tutorial and give you a high-level overview of Next.js.
This article will walk you through the concepts you would need to know to step into the world of widely used ReactJS.