Dear developers I am trying to deploy my Nuxt project to production however encountered some problem.
The build log is very similar to the succeeded one, for example, the failed one use same command pnpm run build but halt after successfully built.
The only difference I figured out it differs the succeeded one is the following lines:
Build Completed in /vercel/output [1m]
Deploying outputs...
Deployment completed
Uploading build cache [63.42 MB]...
Build cache uploaded: 801.576ms
It seems somehow Vercel failed to deploy the build result, while no configurations were modified.
I provide my nuxt.config.ts and package.json here
nuxt.config.ts
export default defineNuxtConfig({
compatibilityDate: "2024-12-12",
vite: {
optimizeDeps: {
exclude: ["vee-validate"],
},
},
runtimeConfig: {
public: {
auth: {
redirectPath: "/dashboard",
},
},
},
routeRules: {
"/docs/**": {
prerender: true,
},
"/blog/**": {
prerender: true,
},
},
devtools: { enabled: true },
components: [
{ path: "@/modules/shared/components", pathPrefix: false },
{ path: "@/modules/marketing/shared/components", pathPrefix: false },
{ path: "@/modules/marketing/home/components", pathPrefix: false },
{ path: "@/modules/marketing/ai/components", pathPrefix: false },
{ path: "@/modules/marketing/blog/components", pathPrefix: false },
{ path: "@/modules/marketing/faq/components", pathPrefix: false },
{ path: "@/modules/marketing/changelog/components", pathPrefix: false },
{ path: "@/modules/marketing/content/components", pathPrefix: false },
{ path: "@/modules/marketing/pricing/components", pathPrefix: false },
{ path: "@/modules/saas/admin/components", pathPrefix: false },
{ path: "@/modules/saas/auth/components", pathPrefix: false },
{ path: "@/modules/saas/dashboard/components", pathPrefix: false },
{ path: "@/modules/saas/onboarding/components", pathPrefix: false },
{ path: "@/modules/saas/settings/components", pathPrefix: false },
{ path: "@/modules/saas/shared/components", pathPrefix: false },
],
imports: {
dirs: [
"modules/saas/auth/composables/**",
"modules/saas/dashboard/composables/**",
"modules/saas/shared/**",
"modules/shared/composables/**",
"modules/shared/utils/**",
"modules/ui/lib/**",
"modules/marketing/content/**",
"modules/billing/composables/**",
"modules/billing/utils/**",
],
},
modules: [
"@nuxtjs/tailwindcss",
"nuxt-lucide-icons",
"@vueuse/nuxt",
"shadcn-nuxt",
"@nuxtjs/color-mode",
"@nuxtjs/supabase",
"@nuxt/content",
"@nuxtjs/robots",
"@nuxtjs/sitemap",
"@pinia/nuxt",
],
//shadcn
shadcn: {
prefix: "",
componentDir: "./modules/ui/components",
},
// supabase
supabase: {
redirectOptions: {
login: "/auth/signin",
callback: "/dashboard",
include: ["/dashboard/**", "/dashboard"],
exclude: [],
},
cookieOptions: {
maxAge: 60 * 60 * 24 * 7,
domain: process.env.NODE_ENV === "production"
? ".shuheng-mo.com" //
: "localhost", //
path: "/",
sameSite: "lax",
secure: process.env.NODE_ENV === "production",
},
},
// @nuxt/content
content: {
highlight: {
theme: "github-dark",
preload: ["sql", "bash", "javascript", "typescript", "vue", "markdown"],
},
documentDriven: false,
markdown: {
toc: {
depth: 3,
searchDepth: 3,
},
},
},
// @nuxtjs/color-mode
colorMode: {
preference: "system",
fallback: "light",
classSuffix: "",
storageKey: "NUXT_COLOR_MODE",
},
// nitro
nitro: {
prerender: {
routes: ["/sitemap.xml", "/robots.txt"],
},
},
// site
sitemap: {
autoLastmod: true,
include: ["/**"],
discoverImages: true,
sources: ["/api/__sitemap__/urls"],
},
robots: {
sitemap: `${process.env.NUXT_PUBLIC_SITE_URL}/sitemap.xml`,
},
});
package.json
{
"name": "nuxt-app",
"private": true,
"type": "module",
"version": "beta-0.2.3",
"scripts": {
"build": "nuxt build",
"dev": "nuxt dev",
"generate": "nuxt generate",
"preview": "nuxt preview",
"postinstall": "nuxt prepare",
"shadcn-vue": "pnpm dlx shadcn-vue@latest",
"upload-logo": "tsx scripts/upload-to-blob.ts"
},
"dependencies": {
"@nuxt/content": "^2.13.4",
"@nuxtjs/color-mode": "^3.5.2",
"@nuxtjs/robots": "^5.0.1",
"@nuxtjs/sitemap": "^7.0.0",
"@nuxtjs/supabase": "^1.4.2",
"@nuxtjs/tailwindcss": "^6.12.2",
"@pinia/nuxt": "^0.9.0",
"@supabase/supabase-js": "^2.46.1",
"@vercel/blob": "^0.27.3",
"@vueuse/core": "^11.2.0",
"@vueuse/nuxt": "^11.2.0",
"class-variance-authority": "^0.7.0",
"clsx": "^2.1.1",
"date-fns": "^4.1.0",
"lodash": "^4.17.21",
"lucide-vue-next": "^0.456.0",
"nuxt": "^3.14.159",
"nuxt-lucide-icons": "^1.0.5",
"openai": "^4.75.0",
"pinia": "^2.3.0",
"qs": "^6.13.0",
"radix-vue": "^1.9.9",
"stripe": "^17.3.1",
"tailwind-merge": "^2.5.4",
"vue": "latest",
"vue-router": "latest"
},
"devDependencies": {
"@mertasan/tailwindcss-variables": "^2.7.0",
"@tailwindcss/container-queries": "^0.1.1",
"@tailwindcss/forms": "^0.5.9",
"@tailwindcss/typography": "^0.5.15",
"@types/lodash": "^4.17.10",
"@types/qs": "^6.9.16",
"@vee-validate/zod": "^4.14.7",
"dotenv": "^16.4.7",
"shadcn-nuxt": "^0.11.2",
"tailwindcss": "^3.4.14",
"tailwindcss-animate": "^1.0.7",
"tsx": "^4.19.3",
"vee-validate": "^4.14.7",
"zod": "^3.23.8"
},
"packageManager": "pnpm@9.11.0+sha1.4cd20e68438613738e8f2bc9aece61eaa6b3e649",
"pnpm": {
"overrides": {
"whatwg-url": "13.0.0"
}
}
}
https://shuheng-mo-personal-site-git-mo-dev-shuheng-mos-projects.vercel.app/
this is where the project deployed, I tried to modify configs and nuxt commands but all result in the same.
If anyone can help me with this issue I would be super appreciated 