Getting 500 "Nuxt Internal Server Error" with default configuration with @nuxt/content-theme-docs

Hello, I’ve tried many things but can’t make @nuxt/content-theme-docs work with Vercel.

I created my project with and haven’t changed anything from default config.

yarn create nuxt-content-docs

nuxt.config.json

import theme from "@nuxt/content-theme-docs";

export default theme({
  docs: {
    primaryColor: "#3ab6b6",
  },
});

package.json

{
   ...
  "dependencies": {
    "@nuxt/content-theme-docs": "^0.10.1",
    "nuxt": "^2.14.12"
  }
}

I only created vercel.json file:

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

When building, Vercel does not seem to get any error (Ready state) but nothing is showing up in the page.

Here are the logs from Vercel deployment:

08:02:06.049 | Cloning completed in 557ms
-- | --
08:02:06.053 | Analyzing source code...
08:02:06.056 | Warning: Due to `builds` existing in your configuration file, the Build and Development Settings defined in your Project Settings will not apply. Learn More: https://vercel.link/unused-build-settings
08:02:06.567 | Installing build runtime...
08:02:09.449 | Build runtime installed: 2881.389ms
08:02:12.028 | Looking up build cache...
08:02:12.481 | Build cache found. Downloading...
08:02:17.353 | Build cache downloaded [83.89 MB]: 4870.463ms
08:02:18.247 | [log] Running with @nuxt/vercel-builder version 0.20.3
08:02:18.248 | [log]  ----------------- Prepare build -----------------
08:02:18.248 | [log] Downloading files...
08:02:18.248 | [log] Working directory: /vercel/workpath0
08:02:18.259 | [log] Using yarn
08:02:18.261 | [info] Prepare build took: 13.128364 ms
08:02:18.261 | [log]  ----------------- Install devDependencies -----------------
08:02:18.261 | [log] Using cached node_modules_dev
08:02:18.703 | yarn install v1.22.10
08:02:18.817 | [1/5] Resolving packages...
08:02:19.497 | success Already up-to-date.
08:02:19.502 | Done in 0.81s.
08:02:19.518 | [info] Install devDependencies took: 1256.862085 ms
08:02:19.518 | [log]  ----------------- Nuxt build -----------------
08:02:19.919 | [log] Running nuxt build --standalone --no-lock --config-file "nuxt.config.js"
08:02:53.866 | [info] Nuxt build took: 34348.162312 ms
08:02:53.867 | [log]  ----------------- Install dependencies -----------------
08:02:53.867 | [log] Using cached node_modules_prod
08:02:54.168 | yarn install v1.22.10
08:02:54.280 | [1/5] Resolving packages...
08:02:55.303 | [2/5] Fetching packages...
08:02:55.530 | info fsevents@2.3.2: The platform "linux" is incompatible with this module.
08:02:55.530 | info "fsevents@2.3.2" is an optional dependency and failed compatibility check. Excluding it from installation.
08:02:55.538 | [3/5] Linking dependencies...
08:02:55.540 | warning "@nuxt/content-theme-docs > @tailwindcss/typography@0.2.0" has unmet peer dependency "tailwindcss@^1.5.0".
08:02:55.540 | warning "@nuxt/content-theme-docs > @docsearch/js > @docsearch/react@1.0.0-alpha.28" has unmet peer dependency "react@^16.8.0".
08:02:55.540 | warning "@nuxt/content-theme-docs > @docsearch/js > @docsearch/react@1.0.0-alpha.28" has unmet peer dependency "react-dom@^16.8.0".
08:02:57.084 | [4/5] Building fresh packages...
08:02:57.088 | [5/5] Cleaning modules...
08:02:58.222 | Done in 4.06s.
08:02:58.239 | [info] Install dependencies took: 4372.626655 ms
08:02:58.239 | [log]  ----------------- Collect artifacts -----------------
08:03:06.468 | [info] Collect artifacts took: 8226.564403 ms
08:03:07.444 | Uploading build outputs...
08:03:14.345 | Build completed. Populating build cache...
08:03:19.484 | [log]  ----------------- Collect cache -----------------
08:03:27.612 | [info] 166 files collected from .nuxt
08:03:37.489 | [info] 26563 files collected from .vercel_cache
08:03:46.745 | [info] 22053 files collected from node_modules_dev
08:03:55.419 | [info] 8125 files collected from node_modules_prod
08:03:55.425 | [info] Collect cache took: 35940.839895 ms
08:04:20.132 | Uploading build cache [83.85 MB]...
08:04:23.413 | Build cache uploaded: 3280.424ms
08:04:23.642 | Done with "nuxt.config.js"

Thank for the help !

[danielroe]

You should not use an async function for your Nuxt config. It is evaluated every time your lambda runs and can have huge negative performance implications. If you need to do some async task, you can use Nuxt modules - ideally build modules.

[mrinalwahal]

With @danielroe’s help, it has worked. I mistakenly saved .nuxt as the output directory, when it should be dist when using nuxt generate.

My problem is solved now!