React: Add addon-onboarding as part of init

code/lib/cli/src/generators/NEXTJS/index.ts

@@ -2,7 +2,16 @@ import { baseGenerator } from '../baseGenerator';
 import type { Generator } from '../types';
 
 const generator: Generator = async (packageManager, npmOptions, options) => {
-  await baseGenerator(packageManager, npmOptions, options, 'react', undefined, 'nextjs');
+  await baseGenerator(
+    packageManager,
+    npmOptions,
+    options,
+    'react',
+    {
+      extraAddons: ['@storybook/addon-onboarding'],
+    },
+    'nextjs'
+  );
 };
 
 export default generator;

code/lib/cli/src/generators/REACT/index.ts

@@ -10,6 +10,7 @@ const generator: Generator = async (packageManager, npmOptions, options) => {
 
   await baseGenerator(packageManager, npmOptions, options, 'react', {
     extraPackages,
+    extraAddons: ['@storybook/addon-onboarding'],
   });
 };
 

code/lib/cli/src/generators/REACT_SCRIPTS/index.ts

@@ -39,7 +39,10 @@ const generator: Generator = async (packageManager, npmOptions, options) => {
   }
 
   const version = versions['@storybook/preset-create-react-app'];
-  const extraAddons = [`@storybook/preset-create-react-app@${version}`];
+  const extraAddons = [
+    `@storybook/preset-create-react-app@${version}`,
+    '@storybook/addon-onboarding',
+  ];
 
   if (!isCra5OrHigher) {
     throw new Error(dedent`

code/lib/cli/src/generators/WEBPACK_REACT/index.ts

@@ -2,7 +2,9 @@ import { baseGenerator } from '../baseGenerator';
 import type { Generator } from '../types';
 
 const generator: Generator = async (packageManager, npmOptions, options) => {
-  await baseGenerator(packageManager, npmOptions, options, 'react');
+  await baseGenerator(packageManager, npmOptions, options, 'react', {
+    extraAddons: ['@storybook/addon-onboarding'],
+  });
 };
 
 export default generator;

code/lib/cli/src/initiate.ts

@@ -348,12 +348,32 @@ async function doInitiate(options: CommandOptions, pkg: PackageJson): Promise<vo
       logger.log('\nRunning Storybook');
 
       try {
+        const isReactWebProject =
+          projectType === ProjectType.REACT_SCRIPTS ||
+          projectType === ProjectType.REACT ||
+          projectType === ProjectType.WEBPACK_REACT ||
+          projectType === ProjectType.REACT_PROJECT ||
+          projectType === ProjectType.NEXTJS;
+
+        const flags = [];
+
+        // npm needs extra -- to pass flags to the command
+        if (packageManager.type === 'npm') {
+          flags.push('--');
+        }
+
+        if (isReactWebProject) {
+          flags.push('--initial-path=/onboarding');
+        }
+
+        flags.push('--quiet');
+
         // instead of calling 'dev' automatically, we spawn a subprocess so that it gets
         // executed directly in the user's project directory. This avoid potential issues
         // with packages running in npxs' node_modules
         packageManager.runPackageCommandSync(
           storybookCommand.replace(/^yarn /, ''),
-          ['--quiet'],
+          flags,
           undefined,
           'inherit'
         );

scripts/verdaccio.yaml

@@ -75,6 +75,10 @@ packages:
     access: $all
     publish: $all
     proxy: npmjs
+  '@storybook/addon-onboarding':
+    access: $all
+    publish: $all
+    proxy: npmjs
   '@storybook/mdx1-csf':
     access: $all
     publish: $all