While this post will help you build a Next.js app from scratch, you should have some knowledge of HTML, CSS, JavaScript, React, and related web development concepts before jumping into it.
Workshop
If you’d like to join a free Next.js workshop, let’s keep in touch.
If you need a refresh, the From JavaScript to React section is a good start.
Next.js is a React framework that gives you building blocks to create web applications.
Next.js logo
This series of posts introduces the fundamentals of Next.js by building a simple blog.
We will cover the following topics:
- How to build navigation using the Pages router and the Link component,
- How and why to use the Image component,
- Global and Local CSS,
- Creating custom components,
- Data fetching (SSG, SSR) and pre-rendering
This post is the first of the series and it covers the first four points.
I am organizing a free Next.js workshop. Feel free to join, if interested.