Failed to create shadcn-tanstack project - Failed to fetch from registry (400): https://ui.shadcn.com/init?base=base

[flyingduck92]

I tried to run shadcn to create tanstack-start project why not working? when checking the url, the url still works, but the command keeps failed

The url https://ui.shadcn.com/init?base=base&style=nova&baseColor=zinc&theme=rose&iconLibrary=hugeicons&font=inter&menuAccent=subtle&menuColor=default&radius=default&template=start

{
  "extends": "none",
  "name": "base-nova",
  "dependencies": [
    "shadcn@latest",
    "class-variance-authority",
    "tw-animate-css",
    "@base-ui/react",
    "@hugeicons/react",
    "@hugeicons/core-free-icons"
  ],
  "registryDependencies": [
    "utils",
    "font-inter"
  ],
  "cssVars": {
    "light": {
      "background": "oklch(1 0 0)",
      "foreground": "oklch(0.141 0.005 285.823)",
      "card": "oklch(1 0 0)",
      "card-foreground": "oklch(0.141 0.005 285.823)",
      "popover": "oklch(1 0 0)",
      "popover-foreground": "oklch(0.141 0.005 285.823)",
      "primary": "oklch(0.586 0.253 17.585)",
      "primary-foreground": "oklch(0.969 0.015 12.422)",
      "secondary": "oklch(0.967 0.001 286.375)",
      "secondary-foreground": "oklch(0.21 0.006 285.885)",
      "muted": "oklch(0.967 0.001 286.375)",
      "muted-foreground": "oklch(0.552 0.016 285.938)",
      "accent": "oklch(0.967 0.001 286.375)",
      "accent-foreground": "oklch(0.21 0.006 285.885)",
      "destructive": "oklch(0.577 0.245 27.325)",
      "border": "oklch(0.92 0.004 286.32)",
      "input": "oklch(0.92 0.004 286.32)",
      "ring": "oklch(0.705 0.015 286.067)",
      "chart-1": "oklch(0.81 0.117 11.638)",
      "chart-2": "oklch(0.645 0.246 16.439)",
      "chart-3": "oklch(0.586 0.253 17.585)",
      "chart-4": "oklch(0.514 0.222 16.935)",
      "chart-5": "oklch(0.455 0.188 13.697)",
      "radius": "0.625rem",
      "sidebar": "oklch(0.985 0 0)",
      "sidebar-foreground": "oklch(0.141 0.005 285.823)",
      "sidebar-primary": "oklch(0.586 0.253 17.585)",
      "sidebar-primary-foreground": "oklch(0.969 0.015 12.422)",
      "sidebar-accent": "oklch(0.967 0.001 286.375)",
      "sidebar-accent-foreground": "oklch(0.21 0.006 285.885)",
      "sidebar-border": "oklch(0.92 0.004 286.32)",
      "sidebar-ring": "oklch(0.705 0.015 286.067)"
    },
    "dark": {
      "background": "oklch(0.141 0.005 285.823)",
      "foreground": "oklch(0.985 0 0)",
      "card": "oklch(0.21 0.006 285.885)",
      "card-foreground": "oklch(0.985 0 0)",
      "popover": "oklch(0.21 0.006 285.885)",
      "popover-foreground": "oklch(0.985 0 0)",
      "primary": "oklch(0.645 0.246 16.439)",
      "primary-foreground": "oklch(0.969 0.015 12.422)",
      "secondary": "oklch(0.274 0.006 286.033)",
      "secondary-foreground": "oklch(0.985 0 0)",
      "muted": "oklch(0.274 0.006 286.033)",
      "muted-foreground": "oklch(0.705 0.015 286.067)",
      "accent": "oklch(0.274 0.006 286.033)",
      "accent-foreground": "oklch(0.985 0 0)",
      "destructive": "oklch(0.704 0.191 22.216)",
      "border": "oklch(1 0 0 / 10%)",
      "input": "oklch(1 0 0 / 15%)",
      "ring": "oklch(0.552 0.016 285.938)",
      "chart-1": "oklch(0.81 0.117 11.638)",
      "chart-2": "oklch(0.645 0.246 16.439)",
      "chart-3": "oklch(0.586 0.253 17.585)",
      "chart-4": "oklch(0.514 0.222 16.935)",
      "chart-5": "oklch(0.455 0.188 13.697)",
      "sidebar": "oklch(0.21 0.006 285.885)",
      "sidebar-foreground": "oklch(0.985 0 0)",
      "sidebar-primary": "oklch(0.645 0.246 16.439)",
      "sidebar-primary-foreground": "oklch(0.969 0.015 12.422)",
      "sidebar-accent": "oklch(0.274 0.006 286.033)",
      "sidebar-accent-foreground": "oklch(0.985 0 0)",
      "sidebar-border": "oklch(1 0 0 / 10%)",
      "sidebar-ring": "oklch(0.552 0.016 285.938)"
    }
  },
  "css": {
    "@import \"tw-animate-css\"": {

    },
    "@import \"shadcn/tailwind.css\"": {

    },
    "@layer base": {
      "*": {
        "@apply border-border outline-ring/50": {

        }
      },
      "body": {
        "@apply bg-background text-foreground": {

        }
      }
    }
  },
  "type": "registry:base",
  "config": {
    "style": "base-nova",
    "tailwind": {
      "baseColor": "zinc"
    },
    "iconLibrary": "hugeicons",
    "menuColor": "default",
    "menuAccent": "subtle"
  }
}

[ismaildasci]

the 400 error from shadcn registry usually means:

1. version mismatch between shadcn cli and registry
2. network/proxy issue
3. invalid template parameter

try these:

1. update shadcn cli:

npm install -g shadcn@latest
# or
npx shadcn@latest init

2. use different template:

npx shadcn@latest init --template=default

then configure tanstack start separately

3. check if its network issue:

curl "https://ui.shadcn.com/init?base=base"

if this fails, might be firewall/vpn blocking

4. manual setup:
   if cli keeps failing, setup manually:

• create components.json
• install dependencies one by one

npx shadcn@latest add button

the url you showed works in browser but cli might be sending different headers. try with verbose:

npx shadcn@latest init --debug

what version of shadcn cli are you using? npx shadcn --version

[JacobWeisenburger]

I had the same problem, I just had to make a new project with tanstack start and manually install shadcn

[kleov-rf]

On my side I wasn't able to run the create command on the Windows terminal (nor Git Bash).
The solution for me was to run the command in WSL and then move the project to the Windows folders (if you didn't already placed yourself inside them previously).