---
# System prepended metadata

title: Next.js　1. Next.jsの基礎　（学習日：11/4）
tags: [Next.js, React]

---

# Next.js　1. Next.jsの基礎　（学習日：11/4）
## 1. Next.jsの概要とメリット
### Next.jsとは
Next.jsは、ZEIT社によって開発されたJavaScriptフレームワークである。
Reactと組み合わせてWebアプリ開発を強化するフレームワークで、Reactアプリの**サーバーサイドレンダリング(SSR)** を実現する。

### レンダリングとは
表示用のデータを基に、内容を整形して表示すること。すなわち、コードを解釈して適切な表示に変換することを言う。
Reactデータを整形（HTML化）する場所は基本的にWebブラウザ等のフロントエンドであるが、Next.jsを用いれば、サーバ側で実行できる。

### サーバサイドでレンダリングを行うメリット
* レンダリングが高速になる。サーバ上でHTMLを返す方が高速である。
* Google等のクローラーがコンテンツを認識しやすくなる。
→描画の高速化やコンテンツ認識精度を上げたい時に用いる。

###### tags: `Next.js` `React`