Как работает Next.js

Next.js — это React-фреймворк для создания SSR (Server-Side Rendering) и статических приложений. Он предоставляет встроенную маршрутизацию, оптимизацию изображений, API-роуты и другие фичи. **Ключевые особенности:** - **SSR/SSG/ISR:** Рендеринг на сервере, статическая генерация или инкрементальная регенерация. - **Файловая маршрутизация:** Папка `pages` автоматически становится роутами (`pages/about.js` → `/about`). - **API Routes:** Создание бекенда в `/pages/api`. - **Оптимизация:** Автоматический код-сплиттинг, префетчинг, оптимизация изображений. **Пример SSR:** ```jsx // pages/index.js export async function getServerSideProps() { const res = await fetch('https://api.example.com/data'); const data = await res.json(); return { props: { data } }; } export default function Home({ data }) { return ; } ``` **Пример SSG:** ```jsx export async function getStaticProps() { return { props: { data: 'Static Data' } }; } ```