stackblitz / bolt.new

Prompt, run, edit, and deploy full-stack web applications
https://bolt.new
MIT License
4.9k stars 832 forks source link

Default Next.js Shadcn UI Starter #452

Open Prathamesh-Shanbhag opened 4 days ago

Prathamesh-Shanbhag commented 4 days ago

Describe the bug

Issue is similar to #127 , but running into a different error on starting the default Next.js starter app.

Error Message: Warning: Prop %s did not match. Server: %s Client: %s%s""className"""__className_d98a17 vsc-initialized""""__className_d98a17""" at body at html at RedirectErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:72:9) at RedirectBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:80:11) at NotFoundErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:54:9) at NotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:62:11) at DevRootNotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/dev-root-not-found-boundary.js:32:11) at ReactDevOverlay (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/internal/ReactDevOverlay.js:66:9) at HotReload (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/hot-reloader-client.js:287:11) at Router (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:157:11) at ErrorBoundaryHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:82:9) at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:110:11) at AppRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:440:13) at ServerRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:123:11) at RSCComponent at Root (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:139:11)"

Link to the Bolt URL that caused the error

https://bolt.new/~/bolt-nextjs-shadcn-jmcpvi

Steps to reproduce

Click the Next.js default starter on bolt.new website

Expected behavior

A default starter next app

Screen Recording / Screenshot

image

Platform

Browser name = Chrome
Full version = 129.0.0.0
Major version = 129
navigator.appName = Netscape
navigator.userAgent = Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36
performance.memory = {
  "totalJSHeapSize": 86491745,
  "usedJSHeapSize": 82711317,
  "jsHeapSizeLimit": 4294705152
}
Username = Prathamesh_117
Chat ID = 3680c2a7e1bc

Additional context

No response

Prathamesh-Shanbhag commented 4 days ago

I would like to try and work on this issue but I have some questions.

  1. Would I need access to the WebContainers API?
  2. Does the code include the part where I can start creating default starter apps?

I ran the project locally and I don't see the options to run the starter projects. Currently also working on getting an Anthropic API Key.