NextJS

**Note: this section is under construction**

Welcome to my notes on NextJS.

the why and what

Before we dive into NextJS, let’s understand why you should care about it in the first place.

NextJS is a React-based framework that enables functionality such as server-side rendering and generating static websites for React applications.

It’s useful for:

Enhancing performance and user experience through server-side rendering and static site generation.
Simplifying the development of complex applications with built-in routing and page-based structure.
Improving SEO for React applications, thanks to server-side rendering and faster load times.

If you’re anything like me, you’d love to learn this for no reason - but it’s good to know what skills you can expect to learn with this content.

With the material in these pages, you should be able to build:

Scalable, server-rendered React applications with efficient loading times.
Static websites that benefit from React’s component-based architecture.
Full-fledged web applications with improved SEO capabilities.
Dynamic web projects that leverage NextJS’s integrated features such as API routes, image optimization, and internationalization.
Customizable and maintainable web applications using NextJS’s extensive ecosystem and plugins.

Here’s some stuff I’ve directly used this content to build

I’d recommend reading in order of the files, but I’ve tried to make the information as atomic as possible- enjoy!

Building NextJS Apps: conventions, features- everything you need to build on/in NextJS

NextJS API: all the parts of the NextJS API

NextJS Architecture: under the hood of NextJS