NetlifyでNext.jsのSSRがしたかっただけなのに超ハマった話

#結論

npm install --save next-on-netlify

をする必要がある。

（隠れてないでもっと自己主張しててくれてもいいのに。）

#エラーログ

2:10:00 PM: Error occurred prerendering page "/". Read more: https://err.sh/next.js/prerender-error 2:10:00 PM: Error: Error for page /: pages withgetServerSidePropscan not be exported. See more info here: https://err.sh/next.js/gssp-export 2:10:00 PM: at Object.exportPage [as default] (/opt/build/repo/node_modules/next/dist/export/worker.js:16:281) 2:10:00 PM: info - Exporting (5/7) 2:10:00 PM: info - Exporting (7/7) 2:10:00 PM: Error: Export encountered errors on following paths: 2:10:00 PM: / 2:10:00 PM: at exportApp (/opt/build/repo/node_modules/next/dist/export/index.js:30:1103) 2:10:00 PM: at processTicksAndRejections (internal/process/task_queues.js:97:5) 2:10:00 PM: error Command failed with exit code 1. 2:10:00 PM: info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command. 2:10:00 PM: ​ 2:10:00 PM: ──────────────────────────────────────────────────────────────── 2:10:00 PM: "build.command" failed 2:10:00 PM: ──────────────────────────────────────────────────────────────── 2:10:00 PM: ​ 2:10:00 PM: Error message 2:10:00 PM: Command failed with exit code 1: yarn run build && yarn run export 2:10:00 PM: ​ 2:10:00 PM: Error location 2:10:00 PM: In Build command from Netlify app: 2:10:00 PM: yarn run build && yarn run export

このエラーログからたどり着ける人がいますように。

#補足（設定ファイル）

ルートディレクトリに、以下のファイルを作成

netlify.toml

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

[build]
   command   = "npm run build"
   functions = "out_functions"
   publish   = "out_publish"

同じようにルートディレクトリに以下のファイルを作成

next.config.js

module.exports = {
  target: 'serverless'
};

#ひとりごと
普段の業務ではVueなのですが、Reactの方がやってて面白いし発見が色々ある気がします（肌感）

Netlifyはドメインも簡単に設定できて最初からhttpsだし大分楽と感じました。
EC2のRoute53でドメインをとったんですが、DNSを登録しただけでした。

これはReactかNext.jsの知識が浅いだけかもしれないのですが、
{children}以外の共通レイアウト部分でCSSが当たる前に表示されてしまい、非常にみっともないことになっています。。
何か情報あれば教えていただけると幸いです。（styled-componentを使ってます）