Create Redwood.js app

page.sh

➜  storytest git:(main) yarn rw g page home /
✔ Generating page files...
  ✔ Successfully wrote file `./web/src/pages/HomePage/HomePage.stories.jsx`
  ✔ Successfully wrote file `./web/src/pages/HomePage/HomePage.test.jsx`
  ✔ Successfully wrote file `./web/src/pages/HomePage/HomePage.jsx`
✔ Updating routes file...
✔ Generating types...
✔ One more thing...
  Page created! A note about <MetaTags>:
  At the top of your newly created page is a <MetaTags> component,
  which contains the title and description for your page, essential
  to good SEO. Check out this page for best practices:
  https://developers.google.com/search/docs/advanced/appearance/good-titles-snippets

➜  storytest git:(main) ✗ yarn rw storybook
Installing plugin "@redwoodjs/cli-storybook"...
➤ YN0000: ┌ Resolution step
➤ YN0061: │ @babel/plugin-proposal-optional-chaining@npm:7.21.0 is deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.
➤ YN0061: │ @babel/plugin-proposal-nullish-coalescing-operator@npm:7.18.6 is deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.
➤ YN0002: │ @graphql-tools/graphql-tag-pluck@npm:7.5.2 [28e31] doesn't provide @babel/core (p13f2c), requested by @babel/plugin-syntax-import-assertions
➤ YN0002: │ @redwoodjs/api-server@npm:6.1.1 doesn't provide @babel/core (pd02b4), requested by @babel/plugin-transform-runtime
➤ YN0002: │ @redwoodjs/cli-storybook@npm:6.1.1 doesn't provide react (p7ed48), requested by @storybook/addon-docs
➤ YN0002: │ @redwoodjs/cli-storybook@npm:6.1.1 doesn't provide react (pb4038), requested by @storybook/addon-essentials
➤ YN0002: │ @redwoodjs/cli-storybook@npm:6.1.1 doesn't provide react (p43f6e), requested by @storybook/react-webpack5
➤ YN0002: │ @redwoodjs/cli-storybook@npm:6.1.1 doesn't provide react-dom (p641cd), requested by @storybook/addon-docs
➤ YN0002: │ @redwoodjs/cli-storybook@npm:6.1.1 doesn't provide react-dom (pa564d), requested by @storybook/addon-essentials
➤ YN0002: │ @redwoodjs/cli-storybook@npm:6.1.1 doesn't provide react-dom (p947b0), requested by @storybook/react-webpack5
➤ YN0002: │ @redwoodjs/cli@npm:6.1.1 doesn't provide react (pe12ef), requested by @redwoodjs/prerender
➤ YN0002: │ @redwoodjs/cli@npm:6.1.1 doesn't provide react-dom (pd7eed), requested by @redwoodjs/prerender
➤ YN0002: │ @redwoodjs/core@npm:6.1.1 doesn't provide @babel/eslint-parser (p86c49), requested by @babel/eslint-plugin
➤ YN0002: │ @redwoodjs/core@npm:6.1.1 doesn't provide eslint (pdfc44), requested by @babel/eslint-plugin
➤ YN0002: │ @redwoodjs/eslint-config@npm:6.1.1 doesn't provide babel-plugin-module-resolver (p3a118), requested by eslint-import-resolver-babel-module
➤ YN0002: │ @redwoodjs/internal@npm:6.1.1 doesn't provide @babel/core (p5950e), requested by @babel/plugin-transform-class-properties
➤ YN0002: │ @redwoodjs/internal@npm:6.1.1 doesn't provide @babel/core (p44e63), requested by @babel/plugin-transform-private-methods
➤ YN0002: │ @redwoodjs/internal@npm:6.1.1 doesn't provide @babel/core (pdc534), requested by @babel/plugin-transform-private-property-in-object
➤ YN0002: │ @redwoodjs/internal@npm:6.1.1 doesn't provide @babel/core (pd2cd4), requested by @babel/plugin-transform-typescript
➤ YN0002: │ @redwoodjs/internal@npm:6.1.1 doesn't provide @babel/core (p70d3b), requested by @babel/register
➤ YN0002: │ @redwoodjs/internal@npm:6.1.1 doesn't provide @babel/core (pbc583), requested by babel-plugin-graphql-tag
➤ YN0002: │ @redwoodjs/internal@npm:6.1.1 doesn't provide @types/node (p18c47), requested by ts-node
➤ YN0002: │ @redwoodjs/internal@npm:6.1.1 doesn't provide graphql-tag (p5c25f), requested by @graphql-codegen/typescript-react-apollo
➤ YN0002: │ @redwoodjs/internal@npm:6.1.1 doesn't provide graphql-tag (pf178a), requested by babel-plugin-graphql-tag
➤ YN0002: │ @redwoodjs/prerender@npm:6.1.1 [fd0d8] doesn't provide prop-types (p68ae1), requested by @redwoodjs/web
➤ YN0002: │ @redwoodjs/testing@npm:6.1.1 doesn't provide @babel/core (p8857a), requested by babel-jest
➤ YN0002: │ @redwoodjs/testing@npm:6.1.1 doesn't provide @testing-library/dom (pef670), requested by @testing-library/user-event
➤ YN0002: │ @redwoodjs/testing@npm:6.1.1 doesn't provide prop-types (pe6bdd), requested by @redwoodjs/web
➤ YN0002: │ @redwoodjs/testing@npm:6.1.1 doesn't provide react (pd5705), requested by @redwoodjs/router
➤ YN0002: │ @redwoodjs/testing@npm:6.1.1 doesn't provide react (pdfc04), requested by @redwoodjs/web
➤ YN0002: │ @redwoodjs/testing@npm:6.1.1 doesn't provide react (p17416), requested by @testing-library/react
➤ YN0002: │ @redwoodjs/testing@npm:6.1.1 doesn't provide react-dom (p6b201), requested by @redwoodjs/router
➤ YN0002: │ @redwoodjs/testing@npm:6.1.1 doesn't provide react-dom (p03e64), requested by @redwoodjs/web
➤ YN0002: │ @redwoodjs/testing@npm:6.1.1 doesn't provide react-dom (p6cde5), requested by @testing-library/react
➤ YN0002: │ react-hot-toast@npm:2.4.1 [48e9b] doesn't provide csstype (p044f3), requested by goober
➤ YN0002: │ react-hot-toast@npm:2.4.1 [c95af] doesn't provide csstype (p96ff9), requested by goober
➤ YN0002: │ react-hot-toast@npm:2.4.1 [ce3fe] doesn't provide csstype (pb904a), requested by goober
➤ YN0002: │ web@workspace:web doesn't provide graphql (p4ac38), requested by @redwoodjs/forms
➤ YN0060: │ web@workspace:web provides react (p5f7df) with version 18.2.0, which doesn't satisfy what @redwoodjs/router and some of its descendants request
➤ YN0060: │ web@workspace:web provides react-dom (p780b6) with version 18.2.0, which doesn't satisfy what @redwoodjs/router and some of its descendants request
➤ YN0000: │ Some peer dependencies are incorrectly met; run yarn explain peer-requirements <hash> for details, where <hash> is the six-letter p-prefixed code
➤ YN0000: └ Completed in 48s 480ms
➤ YN0000: ┌ Fetch step
➤ YN0000: └ Completed in 0s 554ms
➤ YN0000: ┌ Link step
➤ YN0008: │ esbuild@npm:0.18.19 must be rebuilt because its dependency tree changed
➤ YN0008: │ core-js@npm:3.32.1 must be rebuilt because its dependency tree changed
➤ YN0008: │ msw@npm:1.2.3 [aafcd] must be rebuilt because its dependency tree changed
➤ YN0008: │ esbuild@npm:0.18.20 must be rebuilt because its dependency tree changed
➤ YN0007: │ @swc/core@npm:1.3.82 [2c35f] must be built because it never has been before or the last one failed
➤ YN0000: └ Completed in 4s 192ms
➤ YN0000: Done with warnings in 53s 466ms
Initializing the Mock Service Worker at "/Users/barry/storytest/web/public"...

Service Worker successfully created!
/Users/barry/storytest/web/public/mockServiceWorker.js

Continue by creating a mocking definition module in your application:

https://mswjs.io/docs/getting-started/mocks

@storybook/cli v7.2.0

info => Serving static files from ././public at /
info => Starting manager..
WARN unable to find package.json for @babel/cli
info Addon-docs: using MDX2
info => Using implicit CSS loaders
info => Using default Webpack5 setup
<i> [webpack-dev-middleware] wait until bundle finished
<i> [webpack-dev-middleware] wait until bundle finished: /favicon.svg
99% end closing watch compilationWARN Force closed preview build

WARN Broken build, fix the error above.
WARN You may need to refresh the browser.

Command failed with exit code 1: yarn storybook dev --config-dir "/Users/barry/storytest/node_modules/@redwoodjs/testing/config/storybook" --port 7910 --no-version-updates

storytest.sh

➜  ~ yarn create redwood-app storytest
yarn create v1.22.19
[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
warning " > sanity@3.13.0" has unmet peer dependency "react@^18".
warning " > sanity@3.13.0" has unmet peer dependency "react-dom@^18".
warning " > sanity@3.13.0" has unmet peer dependency "styled-components@^5.2".
warning "sanity > @dnd-kit/core@6.0.8" has unmet peer dependency "react@>=16.8.0".
warning "sanity > @dnd-kit/core@6.0.8" has unmet peer dependency "react-dom@>=16.8.0".
warning "sanity > @dnd-kit/modifiers@6.0.1" has unmet peer dependency "react@>=16.8.0".
warning "sanity > @dnd-kit/sortable@7.0.2" has unmet peer dependency "react@>=16.8.0".
warning "sanity > @dnd-kit/utilities@3.2.1" has unmet peer dependency "react@>=16.8.0".
warning "sanity > @portabletext/react@3.0.4" has unmet peer dependency "react@^17 || ^18".
warning "sanity > @rexxars/react-json-inspector@8.0.1" has unmet peer dependency "react@^15 || ^16 || ^17 || ^18".
warning "sanity > @sanity/icons@2.4.1" has unmet peer dependency "react@^18".
warning "sanity > @sanity/logos@2.1.2" has unmet peer dependency "react@^18".
warning "sanity > @sanity/portable-text-editor@3.13.0" has unmet peer dependency "react@^16.9 || ^17 || ^18".
warning "sanity > @sanity/portable-text-editor@3.13.0" has unmet peer dependency "styled-components@^5.2".
warning "sanity > @sanity/ui@1.7.0" has unmet peer dependency "react@^18".
warning "sanity > @sanity/ui@1.7.0" has unmet peer dependency "react-dom@^18".
warning "sanity > @sanity/ui@1.7.0" has unmet peer dependency "styled-components@^5.2".
warning "sanity > @tanstack/react-virtual@3.0.0-beta.54" has unmet peer dependency "react@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "sanity > react-copy-to-clipboard@5.1.0" has unmet peer dependency "react@^15.3.0 || 16 || 17 || 18".
warning "sanity > react-focus-lock@2.9.4" has unmet peer dependency "react@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "sanity > react-refractor@2.1.7" has unmet peer dependency "react@>=15.0.0".
warning "sanity > react-rx@2.1.3" has unmet peer dependency "react@^16.8 || ^17 || ^18".
warning "sanity > use-device-pixel-ratio@1.1.2" has unmet peer dependency "react@>=16.8.0".
warning "sanity > use-hot-module-reload@1.0.3" has unmet peer dependency "react@>=17.0.0".
warning "sanity > use-sync-external-store@1.2.0" has unmet peer dependency "react@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "sanity > @dnd-kit/core > @dnd-kit/accessibility@3.0.1" has unmet peer dependency "react@>=16.8.0".
warning "sanity > @sanity/portable-text-editor > @sanity/slate-react@2.30.1" has unmet peer dependency "react@>=16.8.0".
warning "sanity > @sanity/portable-text-editor > @sanity/slate-react@2.30.1" has unmet peer dependency "react-dom@>=16.8.0".
warning "sanity > @sanity/ui > @floating-ui/react-dom@2.0.0" has unmet peer dependency "react@>=16.8.0".
warning "sanity > @sanity/ui > @floating-ui/react-dom@2.0.0" has unmet peer dependency "react-dom@>=16.8.0".
warning "sanity > react-focus-lock > react-clientside-effect@1.2.6" has unmet peer dependency "react@^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0".
warning "sanity > react-focus-lock > use-callback-ref@1.3.0" has unmet peer dependency "react@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "sanity > react-focus-lock > use-sidecar@1.1.2" has unmet peer dependency "react@^16.8.0 || ^17.0.0 || ^18.0.0".
warning Workspaces can only be enabled in private projects.
[4/4] 🔨  Building fresh packages...
success Installed "create-redwood-app@6.1.1" with binaries:
      - create-redwood-app
------------------------------------------------------------------
                🌲⚡️ Welcome to RedwoodJS! ⚡️🌲
------------------------------------------------------------------
✔ Compatibility checks passed
✔ Creating your Redwood app in storytest based on command line argument
✔ Select your preferred language · JavaScript
✔ Do you want to initialize a git repo? · no / Yes
✔ Enter a commit message · Initial commit
✔ Do you want to run yarn install? · no / Yes
✔ Project files created
✔ Installed node modules
✔ Generated types
✔ Initialized a git repo with commit message "Initial commit"

Thanks for trying out Redwood!

 ⚡️ Get up and running fast with this Quick Start guide: https://redwoodjs.com/quick-start

Fire it up! 🚀

 > cd storytest
 > yarn rw dev

✨  Done in 63.02s.