Nuxt（SSR）のプロジェクトをVercelにデプロイしBasic認証をかける

$ yarn create nuxt-app nuxt-vercel-basic-auth-sample

create-nuxt-app v3.5.2
✨  Generating Nuxt.js project in nuxt-vercel-basic-auth-sample
? Project name: nuxt-vercel-basic-auth-sample
? Programming language: TypeScript
? Package manager: Yarn
? UI framework: None
? Nuxt.js modules: (Press <space> to select, <a> to toggle all, <i> to invert selection)
? Linting tools: (Press <space> to select, <a> to toggle all, <i> to invert selection)
? Testing framework: None
? Rendering mode: Universal (SSR / SSG)
? Deployment target: Server (Node.js hosting)
? Development tools: (Press <space> to select, <a> to toggle all, <i> to invert selection)
? What is your GitHub username? yuki-takara
? Version control system: Git

🎉  Successfully created project nuxt-vercel-basic-auth-sample

export default {
  head: {
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '' },
      { hid: "robots", name: "robots", content: "noindex" }  //この行を追加
    ],
  ・・・

$ yarn add -D @nuxtjs/vercel-builder

{
  "builds": [
    {
      "src": "nuxt.config.js",
      "use": "@nuxtjs/vercel-builder",
      "config": {}
    }
  ]
}

$ yarn add nuxt-basic-auth-module

export default {
  modules: ['nuxt-basic-auth-module'],
  basic: {
    name: 'admin',
    pass: 'admin',
    enabled: true
  },
}

export default {
  basic: {
    name: process.env.NAME || 'admin',
    pass: process.env.PASSWORD || 'admin',
    enabled: process.env.BASIC_ENABLED === 'true'
  },
}