cloudflare / cloudflare/templates

🚀 Template Request:Nuxt Is there any provision for nuxt?

Open
#756 1 comment 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
TypeScript
Stars
2.1k
Forks
1k
Avg merge
17h 44m
Merged PRs (30d)
10

Description

### Describe the stack

It seems that the Nuxt framework has been deployed, but it didn't succeed. Could you please tell me if there are any templates that I can refer to?
package.json
```
{
"name": "nuxt-app",
"private": true,
"type": "module",
"scripts": {
"build": "nuxt build",
"dev": "nuxt dev --dotenv .env.dev",
"fat": "nuxt dev --dotenv .env.fat --host ",
"prod": "nuxt dev --dotenv .env.prod",
"build:fat": "nuxt build --dotenv .env.fat",
"build:prod": "nuxt build --dotenv .env.prod",
"generate": "nuxt generate",
"preview": "nuxt preview",
"postinstall": "nuxt prepare"
},
"dependencies": {
"@alova/adapter-axios": "^2.0.16",
"@element-plus/icons-vue": "^2.3.1",
"@element-plus/nuxt": "^1.1.2",
"@fingerprintjs/fingerprintjs": "^4.6.2",
"@googlemaps/js-api-loader": "^1.16.10",
"@iconify/utils": "^2.3.0",
"@nuxt/eslint": "^1.4.1",
"@nuxt/fonts": "^0.11.4",
"@nuxt/icon": "^1.13.0",
"@nuxt/image": "^1.10.0",
"@nuxtjs/sitemap": "^7.4.3",
"@pinia/nuxt": "^0.11.0",
"@sapphire/snowflake": "^3.5.5",
"@types/big.js": "^6.2.2",
"@unocss/nuxt": "^66.1.2",
"@vue/shared": "^3.5.16",
"@vueuse/core": "^13.3.0",
"alova": "^3.3.3",
"axios": "^1.10.0",
"big.js": "^6.2.2",
"crypto-js": "^4.2.0",
"element-plus": "^2.9.11",
"eslint": "^9.27.0",
"ipx": "^3.0.3",
"nuxt": "^3.17.4",
"pinia": "^3.0.2",
"qrcode": "^1.5.4",
"qrcode.vue": "^3.6.0",
"scss": "^0.2.4",
"tslib": "^2.8.1",
"unocss": "^66.1.2",
"vite-plugin-svg-icons": "^2.0.1",
"vue": "^3.5.14",
"vue-router": "^4.5.1",
"weixin-js-sdk": "^1.6.5"
},
"devDependencies": {
"sass-embedded": "^1.89.0"
}
}

```
nuxt.config.ts
```
nitro: {
minify: true,
// preset: 'node-server',
compressPublicAssets: true,
devProxy: {
// '/wf-classify-web': {
// target: process.env.VITE_APP_BASE_URL + '/wf-classify-web',
// changeOrigin: true,
// prependPath: true
// }
},
// output: {
// dir: resolve(__dirname, 'app'),
// }
// ...
preset: 'cloudflare_module', // 預設為 node-server
cloudflare: {
deployConfig: true,
nodeCompat: true
}
},
```
wrangler.toml
```
name = "ithome2023-nuxt-app"
main = ".output/server/index.mjs"
workers_dev = true
compatibility_date = "2025-05-16"

[assets]
binding = "ASSETS"
directory = ".output/public"
```

wrangler deploy

The prompt has been set up, but the display on my page is not normal.

https://15b49079-ithome2023-nuxt-app.us168k.workers.dev/

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.