In the routing/pages example, what should be the difference between the parent/reload-[id] and parent/static-[id] pages?

In the parent/static-[id] page code are added these lines:

definePageMeta({
  key: 'static'
})

Perhaps this should prevent the re-rendering, as described in Child Route Keys? Does this reflect a different behavior on the incremented var inside onMounted()?

Thanks in advance!

p.s. I'm still learning Nuxt/Vue, and I don't know if this is a bug, or if I just don't understand the meaning behind it.

Steps to reproduce

1. Go to https://github.com/nuxt/examples#sites
2. Click on any of the example links, e.g. hello-world

Expected result

You should be able to see a working example.

Actual result

An error message is displayed, "500 This page is temporarily unavailable."

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Location: renovate.json
Error type: Invalid JSON (parsing failed)
Message: Syntax error near ", ],

Context :

Integrations 3rd party examples and demos are very useful to learn how to use Nuxt, and they are missing from nuxt/examples (or nuxt/nuxt).

Many community members and maintainers create examples in individual repositories :

• https://github.com/Hebilicious/nuxt-openai-vercel-edge-demo
• https://github.com/Atinux/nuxt-todos-edge
• https://github.com/Atinux/atinotes
• https://github.com/Atinux/coffee-or-tea
• https://github.com/danielroe/nuxt-vercel-isr
• https://github.com/danielroe/n3dium

These examples are fantastic, but they are hard to find (especially the community ones), and newcomers have no way to find them, or to know they exist.

It would be great if there was a monorepo where we could find all of them.

nuxt/examples comes to mind, but we could also use nuxt/nuxt or a new repository.

Bonus suggestions :

Remote examples

"remote" examples, ie https://github.com/wundergraph/wundergraph/tree/main/examples/nuxt could be listed too, but I'm not sure what would be the best approach here.
They could be duplicated which is very straightforward, or maybe we could have logic that handle nuxt code from remote sources? (ie something similar to nuxt/modules)

Contribution

To incentivise community contribution, we could use each example package.json author field and increase the nuxters score accordingly, as well as display each contributor profile on the nuxt/examples home page (same as sponsor)

I didn't check all examples, but some in routing section ("pages", "universal router") don't work cause of above mentioned error.
Others might don't work too, I didn't check.

When testing the auth/local example I noticed that the redirectTo is not working properly, I
figured that the useAuth().redirectTo value gets cleared before being used.

  await $fetch("/api/auth/login", {
    method: "POST",
    body: {
      email: email,
      password: password,
    },
  });
  useAuth().redirectTo.value = null; // <-- this line
  await useAuth().updateSession();
  await navigateTo(useAuth().redirectTo.value || "/");

So the null value could maybe be set after the navigateTo call, or can possibly omitted at all, as it gets set from the auth middleware anyway.

Else, great example, thanks for sharing!

I have tried opening multiple examples in the README but it seems the “function” for .space domains is down. You can test with this site
[Edit]: grammar errors middleware.example.nuxt.space

I've tried using the auth/local example. When visiting the application via localhost, everything works as expected. When visiting it via an ip address, however, the example doesn't work.

I've investigated this a little bit and found that session.get.ts always returns an empty object when the site is visited via an ip address (also after signing in).

I was able to reproduce this problem when directly cloning and executing this repository without changing anything.

I think it would be good to replace the example (https://nuxt.com/docs/examples/advanced/use-custom-fetch-composable) with the version proposed by @Atinux which allows both useAPI and $api : https://notes.atinux.com/nuxt-custom-fetch

It looks like none of the deployed examples are working.

Trying to visit https://app-config.example.nuxt.space/ (in the readme) leads to the following page:

The goal of those examples is to illustrate parts of the Nuxt documentation and expose a demo for giving the best DX when learning.

Right now we keep our old examples in the examples/ directory which is fine but I want to slowly have new examples (might be naked with no CSS if it's about showcasing basic functionalities).

Environment

https://nuxt.com/docs/examples/advanced/error-handling

Reproduction

See your own here: https://nuxt.com/docs/examples/advanced/error-handling

Describe the bug

Stackblitz example of handling different kind of errors is not working. It tries starting/initializing, and then shows a blank page

Additional context

Logs

No response

The example for a custom usefetch composable has links to a repo that no longer exists.

Page I'm referencing:
https://nuxt.com/docs/examples/advanced/use-custom-fetch-composable

Environment

docs

Reproduction

https://nuxt.com/docs/examples/advanced/use-cookie

Describe the bug

Components like NuxtExampleLayout and others like NButton can't be resolved leaving a pretty much unstyled page

Additional context

No response

Logs

ue warn]: Failed to resolve component: NuxtExampleLayout
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
[Vue warn]: Failed to resolve component: NTip
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
[Vue warn]: Failed to resolve component: NButton
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
[Vue warn]: Failed to resolve component: NTextInput
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
[Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance.
[Vue warn]: Component <Anonymous> is missing template or render function.
[Vue warn]: Failed to resolve component: NuxtExampleLayout
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
[Vue warn]: Failed to resolve component: NTip
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
[Vue warn]: Failed to resolve component: NButton
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
[Vue warn]: Failed to resolve component: NTextInput
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
[Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance.
[Vue warn]: Component <Anonymous> is missing template or render functio

first ssr is true when i execute this command it give me this error and compile not completed.

After I tried with ssr false and it works and command successfully executed. after I uploaded it into server but its not working site is loading but auth request always returns 404 not found error. Is this not working on generate ?

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

• chore(deps): update all non-major dependencies (@iconify-json/simple-icons, @playwright/test, @types/node, node, pkg-types, pnpm, turbo)

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update nuxt core to v3.12.1 (@nuxt/kit, nuxt)
• chore(deps): update devdependency turbo to v2
• chore(deps): update node.js to v20
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

I struggled for a couple days putting together a working programmatic usage example.

I'm not exactly sure how to fit it into the docs system.

https://github.com/MichaelJCole/nuxt-programmatic-usage-javascript

Would this be interesting as a PR?