` in `index.vue`\n4. run `npm run generate`\n5. serve `.output/public` with `apache2`\n\n\u003Cdetails>\u003Csummary>\u003Ccode>nuxt.config.ts\u003C/code> and \u003Ccode>app/pages/index.vue\u003C/code>\u003C/summary>\n\n```\nexport default defineNuxtConfig({\n devtools: { enabled: true },\n\n modules: [\n '@nuxt/ui',\n '@nuxt/eslint'\n ],\n\n ssr: false,\n css: ['~/assets/css/main.css'],\n icon: {\n provider: 'none',\n clientBundle: {\n scan: true,\n }\n },\n\n compatibilityDate: '2025-07-16'\n})\n```\n\n```\n\u003Cscript setup>\nconst value=ref(true)\n\u003C/script>\n\u003Ctemplate>\n \u003CUCheckbox v-model=\"value\" />\n\u003C/template>\n```\n\n\u003C/details>\n\n### Description\n\n\nThe default icon for `UCheckbox` will not be [bundled for client](https://github.com/nuxt/icon?#client-bundle) when SSR is disabled.\n\nThe check icon is missing:\n\n\u003Cimg width=\"47\" height=\"52\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/3a72a4c2-3577-4de5-8dcf-89c2ed9c8879\" />\n\nand a warning message is shown in the console:\n\n> [!WARNING] \n> [Icon] failed to load icon \\`lucide:check\\`\n\nfyi, the icon will show if\n- `provider: 'server'` and `ssr: true` is set\n- `provider: 'iconify'` is set and `https://api.iconify.design/` is reachable\n- Or, the icon is explitly specified: `\u003CUCheckbox v-model=\"value\" icon=\"i-lucide-check\" />`\n",[3134,3137],{"name":3135,"color":3136},"bug","d73a4a",{"name":3138,"color":3139},"triage","ffffff",4748,"nuxt","ui","open","Check Icon is missing when `icon.clientBundle.scan: true` and `ssr: false` is used for static build","2025-08-14T16:08:31Z","https://github.com/nuxt/ui/issues/4748",0.6845992,{"description":3149,"labels":3150,"number":3160,"owner":3141,"repository":3141,"state":3143,"title":3161,"updated_at":3162,"url":3163,"score":3164},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.15.3\n- CLI Version: 3.20.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: compatibilityDate, routeRules, devtools, sourcemap\n- Runtime Modules: -\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-otbzpuzh\n\n1. Build the project using `npm run build`\n2. Inspect the `.nuxt/dist/server/_nuxt/spa.js` file which includes the `\u003CTextEditor>` component\n\n### Describe the bug\n\nWhen setting `ssr: false` for specific routes in `routeRules`, the expected behavior is for these routes to be excluded from the server bundle and executed entirely on the client side. However, the routes are still bundled into the server, defeating the purpose of ssr: false. This forces the use of `\u003CClientOnly>` or similar workarounds, which is not desirable.\n\n### Additional context\n\nMy use case involves an SSR Nuxt app that includes a large number of `/admin` SPA pages. These routes are intended to run entirely on the client. While setting `ssr: false` for `/admin/**` routes works as expected in terms of rendering, Nuxt still includes all their code in the server bundle.\nCurrently, I am forced to wrap every SPA route's content in a `\u003CClientOnly>` component or use conditional checks like `if (import.meta.client)` for tree-shaking.\nAlso making page components as `.client.vue` didn't work for me\n\n### Logs\n\n```shell-script\n\n```",[3151,3154,3157],{"name":3152,"color":3153},"enhancement","8DEF37",{"name":3155,"color":3156},"good first issue","fbca04",{"name":3158,"color":3159},"🍰 p2-nice-to-have","0E8A16",30786,"ssr: false Routes Are Bundled in Server Output","2025-02-03T10:49:07Z","https://github.com/nuxt/nuxt/issues/30786",0.69473064,{"description":3166,"labels":3167,"number":3171,"owner":3141,"repository":3142,"state":3143,"title":3172,"updated_at":3173,"url":3174,"score":3175},"### Description\n\nThis is a follow up to this: https://github.com/nuxt/ui/issues/4498\n\nI'm using NuxtUi and not the NuxtJS framework (inertiajs), and I would to do something like this:\n\n```js\n{\n icon: {\n provider: 'server', // \u003C-- own server here\n customCollections: [\n {\n prefix: 'my-icon',\n dir: './assets/my-icons'\n },\n ],\n },\n}\n```\n\nThe original bug report suggests workaround that aren't that plug-and-play. For example, it may be possible to use an Laravel instance that pushes the icon-set to S3, and nuxt-ui using the S3-instance (e.g. https://s3.example.org/icons/) as a base for the icon collection(s).\n\n### Additional context\n\n_No response_",[3168,3170],{"name":3152,"color":3169},"a2eeef",{"name":3138,"color":3139},4541,"Custom Icon server path","2025-07-16T14:22:40Z","https://github.com/nuxt/ui/issues/4541",0.7062243,{"description":3177,"labels":3178,"number":3182,"owner":3141,"repository":3141,"state":3183,"title":3184,"updated_at":3185,"url":3186,"score":3187},"Not sure if this is supported. I'd like to use Nuxt to replace a somewhat complicated Vue/Webpack setup to generate JavaScript assets for a Phoenix app. As such, I don't want SSR at all. I just want the nice convention over configuration.\r\n\r\nIs there any way to do this currently? Static generation isn't quite what I want, because my app is still dynamic. I just don't want to use Nuxt as my server.\r\n\r\nThanks.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c163\">#c163\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3179],{"name":3180,"color":3181},"2.x","d4c5f9",192,"closed","Build client-only bundle","2023-01-18T15:38:32Z","https://github.com/nuxt/nuxt/issues/192",0.67864186,{"description":3189,"labels":3190,"number":3193,"owner":3141,"repository":3141,"state":3183,"title":3194,"updated_at":3195,"url":3196,"score":3197},"Hello there.\r\n\r\nFor my last project I used nuxt in a pretty new way.\r\n\r\nMy staging env runs nuxt and a backend solution to provide an API. on this environnment, you can see the pages rendered the classic way with the data you entered in the backend.\r\n\r\nWhen you are satisfied with your changes in the backend, you can \"publish\" the website : It means :\r\n1- First, generate the pages with nuxt generate\r\n2- Push the generated content to some S3 bucket.\r\n\r\nMy issue here is that, when generating the website with nuxt generate, although the final files will be in the dist folder, the generation task will erase the root .nuxt folder and rewrite over it. So everytime I run a nuxt generate, I need to restart the Nuxt middleware so that it regenerate again the pages.\r\n\r\nI wish the nuxt generate option would build directly in the dist folder so that I wouldn't have to restart the middleware. It's also usefull for development phases as you may have your sever running with HMR, but if you need to check the generate task, it will erase your .nuxt folder too, leaving the dev server unable to go one.\r\n\r\nI hope that was kinda clear as it is pretty difficult to explains. As always, please let me know how I can help you with more details.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2260\">#c2260\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3191,3192],{"name":3152,"color":3153},{"name":3180,"color":3181},2598,"Using generate() programatically on a nuxt powered SSR Website...","2023-01-18T16:02:22Z","https://github.com/nuxt/nuxt/issues/2598",0.68003535,{"labels":3199,"number":3206,"owner":3141,"repository":3141,"state":3183,"title":3207,"updated_at":3208,"url":3209,"score":3210},[3200,3202,3205],{"name":3201,"color":3139},"stale",{"name":3203,"color":3204},"pending triage","E99695",{"name":3180,"color":3181},6917,"Impossible to use nuxt.generate() from nuxt server","2023-01-22T15:34:48Z","https://github.com/nuxt/nuxt/issues/6917",0.6891467,{"description":3212,"labels":3213,"number":3214,"owner":3141,"repository":3215,"state":3183,"title":3216,"updated_at":3217,"url":3218,"score":3219},"Hello,\n\nI'm opening this issue because I have issue with Icons loading in my production environment. I'm building my Nuxt application in a docker image and then I deploy it on a server behind a reverse proxy Traefik.\n\nFirst attempt to go on a page of the app, icons appears, but after going on other pages, icons are missing. If i it F5 to refresh the page, icons appears.\nMy Nuxt app is running in SSR mode.\n\nAt the first attemps I see this in the log on the server : \n```\nclient | ⚙ [Icon] serving lucide:arrow-right,lucide:eye from bundled collection\n```\n\nHere is my `nuxt.config.ts` file : \n```\nexport default defineNuxtConfig({\n modules: ['@nuxt/ui', '@pinia/nuxt'],\n devtools: { enabled: false },\n css: ['~/assets/css/main.css'],\n runtimeConfig: {\n backendUrl: process.env.NUXT_BACKEND_URL,\n public: {\n backendUrl: process.env.NUXT_PUBLIC_BACKEND_URL,\n },\n },\n srcDir: 'app',\n compatibilityDate: '2024-11-01',\n nitro: {\n preset: 'bun',\n esbuild: {\n options: {\n target: 'es2022',\n },\n },\n },\n vite: {\n esbuild: {\n target: 'es2022',\n },\n ssr: {\n noExternal: ['@prisma/client'],\n },\n },\n icon: {\n serverBundle: 'local',\n },\n});\n```\n\nand in the browser console : \nFailed to load resource: the server responded with a status of 404 ()\nhttps://myapplication/api/_nuxt_icon/lucide.json?icons=align-justify%2Cbell%2Cchevron-down%2Clayout-dashboard%2Cpanel-right-close\n\nI am using Nuxt version 4.0.3 and Nuxt ui version 3.3.2\nAnd in my dependencies I have : \n```\n\"dependencies\": {\n \"@nuxt/ui\": \"^3.3.2\",\n \"@pinia/nuxt\": \"^0.11.1\",\n \"nuxt\": \"^4.0.3\",\n \"pinia\": \"^3.0.3\",\n \"quill\": \"^2.0.3\",\n \"vue\": \"^3.5.17\",\n \"vue-router\": \"^4.5.1\",\n \"@iconify-json/lucide\": \"^1.2.62\"\n },\n \"devDependencies\": {\n \"@nuxt/eslint-config\": \"^1.9.0\",\n \"eslint\": \"^9.33.0\",\n \"prettier\": \"^3.6.2\"\n }\n```\n\nHow can I solve the issue ?",[],422,"icon","NuxtUI - Icons doesn't load correctly in Production server","2025-08-21T07:17:40Z","https://github.com/nuxt/icon/issues/422",0.69142795,{"description":3221,"labels":3222,"number":3223,"owner":3141,"repository":3215,"state":3183,"title":3224,"updated_at":3225,"url":3226,"score":3227},"I have nuxt icon setup with a SSG app. I'm using lucide and the collection is installed as a dependency. I run nuxt generate, but at runtime, I see my app is calling out to the Iconify API. Is this intentional? If so, why? If not, what do I need to do to get the icons included in the SSG bundle.",[],396,"Nuxt Icon Using Inconify API w/ SSG","2025-05-18T21:03:54Z","https://github.com/nuxt/icon/issues/396",0.69191307,{"description":3229,"labels":3230,"number":3234,"owner":3141,"repository":3141,"state":3183,"title":3235,"updated_at":3236,"url":3237,"score":3238},"### Describe the feature\n\nHi Nuxt\n\nI've had a dicsussion in nuxt discord about the `ssr:false` functionality. \nI noted that your documentation was missing some information about using `~/server/api` endpoints in combination with `npm run generate` and `ssr:false`. \n\nI suggest adding this extra documentation in order to understanding how to use this configuration of the app.\n\n\n\n\n\n### Additional information\n\n- [x] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [x] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [x] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3231],{"name":3232,"color":3233},"documentation","5319e7",30436,"SSR False configuration missing documentation on building in generate mode.","2025-01-04T22:40:36Z","https://github.com/nuxt/nuxt/issues/30436",0.69215244,{"description":3240,"labels":3241,"number":3242,"owner":3141,"repository":3215,"state":3183,"title":3243,"updated_at":3244,"url":3245,"score":3246},"When I used the latest [Nuxt UI Pro Docs Theme](https://github.com/nuxt-ui-pro/docs) and added Nuxt Scripts, I encountered some missing icons.\r\n\r\n**To reproduce:**\r\n\r\n- Clone \"Nuxt UI Pro Docs\"\r\n- Add Nuxt Scripts as dependency\r\n- Deploy to Vercel with `npx nuxi generate`\r\n- Find missing Icons \r\n\r\n\r\n**Missing Icons when Client Side Rendering:**\r\n\u003Cimg width=\"940\" alt=\"image\" src=\"https://github.com/user-attachments/assets/acdfa7df-ded1-4811-8305-320ca99303c2\">\r\n\r\n**Cannot Find icons:**\r\n\u003Cimg width=\"1179\" alt=\"image\" src=\"https://github.com/user-attachments/assets/fe1135ff-9ef2-4157-bd58-dc7e00f566c1\">\r\n\r\n**Server Rendered:** \r\n\u003Cimg width=\"810\" alt=\"image\" src=\"https://github.com/user-attachments/assets/4f5d37a0-b5f1-4521-b566-f0a74c034427\">\r\n\r\nMaybe this is also interesting for you @benjamincanac, @harlan-zw",[],220,"Issues when Prerender with `nuxt generate`","2024-07-30T17:48:07Z","https://github.com/nuxt/icon/issues/220",0.6982601,["Reactive",3248],{},["Set"],["ShallowReactive",3251],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fYGQ1g6LVMbB7ljI72Qdafvg9zEJsnkAZ4GDjmJT_L1s":-1},"/nuxt/icon/403"]