---
# System prepended metadata

title: Next.js Class by Rocketseat

---

# Next.js Class by Rocketseat

### Server-side rendering

Server-side rendering é quando o cliente requisita a pagina e ela já vem pronta do servidor.

Hoje ao usar React sem essa habilidade, o cliente solicita a página e chega pra ele um index.html vazio, e esse index.js requisita o bundle principal que inicia o carregamento dos componentes.

### Quando usar Next.js

90% dos casos usar, pois vai trazer mais performance para a aplicação e reconhecimento dos motores de busca.

Vai ter 1% casos que vai precisar implementar código um pouquinho diferente para implementar X coisas

### Como instalar

```shell
$ yarn create next-app nome-diretorio
```

### Repositório base

https://github.com/pedroSoaresll/curso-nextjs-rocketseat

## Attachments

### Whimsical

https://whimsical.com/ - Criar fluxogramas, mapas mentais e outros.

![](https://i.imgur.com/YaIVtk6.png)

### Artigo Serverless com Next.js

https://www.serverless.com/blog/serverless-nextjs

![](https://i.imgur.com/lWnXoU8.png)
