
NextJS is a **framework for ReactJS**.

Wait a second ... a "framework" for React? Isn't React itself already a framework for JavaScript?

Well ... first of all, React is a "library" for JavaScript. That seems to be important for some people.

Not for me, but still, there is a valid point: React already is a framework / library for JavaScript. So it's already an extra layer on top of JS.

## Why would we then need NextJS?

Because NextJS makes building React apps easier - especially React apps that should have server-side rendering (though it does way more than just take care of that).

In this article, we'll dive into the core concepts and features NextJS has to offer:

-   File-based Routing
-   Built-in Page Pre-rendering
-   Rich Data Fetching Capabilities
-   Image Optimization
-   Much More

## File-based Routing

![Create routes via your file + folder structure](/images/posts/getting-started-with-nextjs/nextjs-file-based-routing.png)

... More content ...


Getting Started with NextJS


# My First Post

Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem in impedit, sint quas modi dignissimos sunt blanditiis sit tenetur enim repellat voluptatem praesentium facere delectus corrupti eaque adipisci, ipsa odio?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem in impedit, sint quas modi dignissimos sunt blanditiis sit tenetur enim repellat voluptatem praesentium facere delectus corrupti eaque adipisci, ipsa odio?

title


How to build a Web site


# My First Post

Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem in impedit, sint quas modi dignissimos sunt blanditiis sit tenetur enim repellat voluptatem praesentium facere delectus corrupti eaque adipisci, ipsa odio?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem in impedit, sint quas modi dignissimos sunt blanditiis sit tenetur enim repellat voluptatem praesentium facere delectus corrupti eaque adipisci, ipsa odio?


My First Post


JavaScript powers the web - it's **the** most important programming language you need to know as a web developer.

For example, you should understand code like this:

```js
const basics = 'Okay, that should not be too difficult actually';

function printBasics() {
  console.log(basics):
}

printBasics();
```

Learn more about it [here](https://google.com).


Mastering JavaScript


# How to build a Website 2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem in impedit, sint quas modi dignissimos sunt blanditiis sit tenetur enim repellat voluptatem praesentium facere delectus corrupti eaque adipisci, ipsa odio?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem in impedit, sint quas modi dignissimos sunt blanditiis sit tenetur enim repellat voluptatem praesentium facere delectus corrupti eaque adipisci, ipsa odio?

title


Mia

All Posts

Getting Started with NextJS

How to build a Web site

My First Post

Mastering JavaScript

How to build a Web site 2