🐙

Next.js(静的サイト)をNetlifyにデプロイする

2021/01/10に公開

前提

$ npm create-next-app next-sample
で生成されたNext.jsプロジェクトであること
SSRやSSGはよくわかってないです。

手順

  1. package.jsonに以下を追記

    "scripts": {
        "dev": "next dev",
        "build": "next build",
        "start": "next start",
        "export": "next export" // ← ここを追記
      },
    
  2. Netlifyでリポジトリ、ブランチを選択した後、Basic build settingsで画像のように設定

  3. Deploy siteをクリックでデプロイ。 URLを確認してサイトが表示されればOK

Discussion