Docs: Update CLI reference, add nextjs-vite guide

docs/_snippets/nextjs-add-framework.md

@@ -1,43 +1,44 @@
-```js filename=".storybook/main.js" renderer="react" language="js" tabTitle="CSF 3"
+```diff filename=".storybook/main.js" renderer="react" language="js" tabTitle="CSF 3"
 export default {
   // ...
-  // framework: '@storybook/react-webpack5', 👈 Remove this
-  framework: '@storybook/nextjs', // 👈 Add this
+-  framework: '@storybook/react-webpack5',
++  framework: '@storybook/nextjs',
 };
 ```
 
-```ts filename=".storybook/main.ts" renderer="react" language="ts" tabTitle="CSF 3"
-import type { StorybookConfig } from '@storybook/nextjs';
+```diff filename=".storybook/main.ts" renderer="react" language="ts" tabTitle="CSF 3"
+- import type { StorybookConfig } from '@storybook/your-previous-framework';
++ import type { StorybookConfig } from '@storybook/nextjs';
 
 const config: StorybookConfig = {
   // ...
-  // framework: '@storybook/react-webpack5', 👈 Remove this
-  framework: '@storybook/nextjs', // 👈 Add this
+-  framework: '@storybook/react-webpack5',
++  framework: '@storybook/nextjs',
 };
 
 export default config;
 ```
 
-```ts filename=".storybook/main.ts" renderer="react" language="ts" tabTitle="CSF Next 🧪"
-// Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
-import { defineMain } from '@storybook/your-framework/node';
+```diff filename=".storybook/main.ts" renderer="react" language="ts" tabTitle="CSF Next 🧪"
+- import { defineMain } from '@storybook/your-previous-framework/node';
++ import { defineMain } from '@storybook/nextjs/node';
 
 export default defineMain({
   // ...
-  // framework: '@storybook/react-webpack5', 👈 Remove this
-  framework: '@storybook/nextjs', // 👈 Add this
+-  framework: '@storybook/react-webpack5',
++  framework: '@storybook/nextjs',
 });
 ```
 
 <!-- JS snippets still needed while providing both CSF 3 & Next -->
 
-```js filename=".storybook/main.js" renderer="react" language="js" tabTitle="CSF Next 🧪"
-// Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
-import { defineMain } from '@storybook/your-framework/node';
+```diff filename=".storybook/main.js" renderer="react" language="js" tabTitle="CSF Next 🧪"
+- import { defineMain } from '@storybook/your-previous-framework/node';
++ import { defineMain } from '@storybook/nextjs/node';
 
 export default defineMain({
   // ...
-  // framework: '@storybook/react-webpack5', 👈 Remove this
-  framework: '@storybook/nextjs', // 👈 Add this
+-  framework: '@storybook/react-webpack5',
++  framework: '@storybook/nextjs',
 });
 ```

docs/_snippets/nextjs-app-directory-in-preview.md

@@ -28,7 +28,7 @@ export default preview;
 ```
 
 ```ts filename=".storybook/preview.ts" renderer="react" language="ts" tabTitle="CSF Next 🧪"
-// Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
+// Replace your-framework with nextjs or nextjs-vite
 import { definePreview } from '@storybook/your-framework';
 
 export default definePreview({
@@ -45,7 +45,7 @@ export default definePreview({
 <!-- JS snippets still needed while providing both CSF 3 & Next -->
 
 ```js filename=".storybook/preview.js" renderer="react" language="js" tabTitle="CSF Next 🧪"
-// Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
+// Replace your-framework with nextjs or nextjs-vite
 import { definePreview } from '@storybook/your-framework';
 
 export default definePreview({

docs/_snippets/nextjs-configure-svgr.md

@@ -53,7 +53,7 @@ export default config;
 ```
 
 ```ts filename=".storybook/main.ts" renderer="react" language="ts" tabTitle="CSF Next 🧪"
-// Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
+// Replace your-framework with nextjs or nextjs-vite
 import { defineMain } from '@storybook/your-framework/node';
 
 export default defineMain({
@@ -83,7 +83,7 @@ export default defineMain({
 <!-- JS snippets still needed while providing both CSF 3 & Next -->
 
 ```js filename=".storybook/main.js" renderer="react" language="js" tabTitle="CSF Next 🧪"
-// Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
+// Replace your-framework with nextjs or nextjs-vite
 import { defineMain } from '@storybook/your-framework/node';
 
 export default defineMain({

docs/_snippets/nextjs-image-static-dirs.md

@@ -28,7 +28,7 @@ export default config;
 ```
 
 ```ts filename=".storybook/main.ts" renderer="react" language="ts" tabTitle="CSF Next 🧪"
-// Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
+// Replace your-framework with nextjs or nextjs-vite
 import { defineMain } from '@storybook/your-framework/node';
 
 export default defineMain({
@@ -45,7 +45,7 @@ export default defineMain({
 <!-- JS snippets still needed while providing both CSF 3 & Next -->
 
 ```js filename=".storybook/main.js" renderer="react" language="js" tabTitle="CSF Next 🧪"
-// Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
+// Replace your-framework with nextjs or nextjs-vite
 import { defineMain } from '@storybook/your-framework/node';
 
 export default defineMain({

docs/_snippets/nextjs-remove-addons.md

@@ -11,7 +11,8 @@ export default {
 ```
 
 ```ts filename=".storybook/main.ts" renderer="react" language="ts" tabTitle="CSF 3"
-import type { StorybookConfig } from '@storybook/nextjs';
+// Replace your-framework with nextjs or nextjs-vite
+import type { StorybookConfig } from '@storybook/your-framework';
 
 const config: StorybookConfig = {
   // ...
@@ -27,7 +28,7 @@ export default config;
 ```
 
 ```ts filename=".storybook/main.ts" renderer="react" language="ts" tabTitle="CSF Next 🧪"
-// Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
+// Replace your-framework with nextjs or nextjs-vite
 import { defineMain } from '@storybook/your-framework/node';
 
 export default defineMain({
@@ -44,7 +45,7 @@ export default defineMain({
 <!-- JS snippets still needed while providing both CSF 3 & Next -->
 
 ```js filename=".storybook/main.js" renderer="react" language="js" tabTitle="CSF Next 🧪"
-// Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
+// Replace your-framework with nextjs or nextjs-vite
 import { defineMain } from '@storybook/your-framework/node';
 
 export default defineMain({

docs/_snippets/nextjs-vite-add-framework.md

@@ -1,43 +1,44 @@
-```js filename=".storybook/main.js" renderer="react" language="js" tabTitle="CSF 3"
+```diff filename=".storybook/main.js" renderer="react" language="js" tabTitle="CSF 3"
 export default {
   // ...
-  // framework: '@storybook/react-webpack5', 👈 Remove this
-  framework: '@storybook/nextjs-vite', // 👈 Add this
+-  framework: '@storybook/react-webpack5',
++  framework: '@storybook/nextjs-vite',
 };
 ```
 
-```ts filename=".storybook/main.ts" renderer="react" language="ts" tabTitle="CSF 3"
-import type { StorybookConfig } from '@storybook/nextjs-vite';
+```diff filename=".storybook/main.ts" renderer="react" language="ts" tabTitle="CSF 3"
+- import type { StorybookConfig } from '@storybook/your-previous-framework';
++ import type { StorybookConfig } from '@storybook/nextjs-vite';
 
 const config: StorybookConfig = {
   // ...
-  // framework: '@storybook/react-webpack5', 👈 Remove this
-  framework: '@storybook/nextjs-vite', // 👈 Add this
+-  framework: '@storybook/react-webpack5',
++  framework: '@storybook/nextjs-vite',
 };
 
 export default config;
 ```
 
-```ts filename=".storybook/main.ts" renderer="react" language="ts" tabTitle="CSF Next 🧪"
-// Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
-import { defineMain } from '@storybook/your-framework/node';
+```diff filename=".storybook/main.ts" renderer="react" language="ts" tabTitle="CSF Next 🧪"
+- import { defineMain } from '@storybook/your-previous-framework/node';
++ import { defineMain } from '@storybook/nextjs-vite/node';
 
 export default defineMain({
   // ...
-  // framework: '@storybook/react-webpack5', 👈 Remove this
-  framework: '@storybook/nextjs-vite', // 👈 Add this
+-  framework: '@storybook/react-webpack5',
++  framework: '@storybook/nextjs-vite',
 });
 ```
 
 <!-- JS snippets still needed while providing both CSF 3 & Next -->
 
-```js filename=".storybook/main.js" renderer="react" language="js" tabTitle="CSF Next 🧪"
-// Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
-import { defineMain } from '@storybook/your-framework/node';
+```diff filename=".storybook/main.js" renderer="react" language="js" tabTitle="CSF Next 🧪"
+- import { defineMain } from '@storybook/your-previous-framework/node';
++ import { defineMain } from '@storybook/nextjs-vite/node';
 
 export default defineMain({
   // ...
-  // framework: '@storybook/react-webpack5', 👈 Remove this
-  framework: '@storybook/nextjs-vite', // 👈 Add this
+-  framework: '@storybook/react-webpack5',
++  framework: '@storybook/nextjs-vite',
 });
 ```

docs/_snippets/rsc-feature-flag.md

@@ -22,7 +22,7 @@ export default config;
 ```
 
 ```ts filename=".storybook/main.ts" renderer="react" language="ts" tabTitle="CSF Next 🧪"
-// Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
+// Replace your-framework with nextjs or nextjs-vite
 import { defineMain } from '@storybook/your-framework/node';
 
 export default defineMain({
@@ -36,7 +36,7 @@ export default defineMain({
 <!-- JS snippets still needed while providing both CSF 3 & Next -->
 
 ```js filename=".storybook/main.js" renderer="react" language="js" tabTitle="CSF Next 🧪"
-// Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
+// Replace your-framework with nextjs or nextjs-vite
 import { defineMain } from '@storybook/your-framework/node';
 
 export default defineMain({

docs/api/cli-options.mdx

@@ -123,13 +123,15 @@ Options include:
 | `-s`, `--skip-install`   | Skips the dependency installation step. Used only when you need to configure Storybook manually.<br />`storybook init --skip-install`                                                          |
 | `-t`, `--type`           | Defines the [framework](../configure/integration/frameworks.mdx) to use for your Storybook instance.<br />`storybook init --type solid`                                                        |
 | `-y`, `--yes`            | Skips interactive prompts and automatically installs Storybook per specified version, including all features.<br />`storybook init --yes`                                                      |
-| `--features [...values]` | Use these features when installing, skipping the prompt. Supported values are `docs`, `test` and `a11y`, space separated.<br />`storybook init --features docs test a11y`                                   |
+| `--features [...values]` | Use these features when installing, skipping the prompt. Supported values are `docs`, `test`, and `a11y`, space separated.<br />`storybook init --features docs test a11y`                                   |
 | `--package-manager`      | Sets the package manager to use when installing Storybook.<br />Available package managers include `npm`, `yarn`, and `pnpm`.<br />`storybook init --package-manager pnpm`                     |
 | `--use-pnp`              | Enables [Plug'n'Play](https://yarnpkg.com/features/pnp) support for Yarn. This option is only available when using Yarn as your package manager.<br />`storybook init --use-pnp`               |
 | `-p`, `--parser`         | Sets the [jscodeshift parser](https://github.com/facebook/jscodeshift#parser).<br />Available parsers include `babel`, `babylon`, `flow`, `ts`, and `tsx`.<br />`storybook init --parser tsx`  |
 | `--debug`                | Outputs more logs in the CLI to assist debugging.<br />`storybook init --debug`                                                                                                                |
 | `--disable-telemetry`    | Disables Storybook's telemetry. Learn more about it [here](../configure/telemetry.mdx#how-to-opt-out).<br />`storybook init --disable-telemetry`                                               |
 | `--enable-crash-reports` | Enables sending crash reports to Storybook's telemetry. Learn more about it [here](../configure/telemetry.mdx#crash-reports-disabled-by-default).<br />`storybook init --enable-crash-reports` |
+| `--loglevel <level>`     | Controls level of logging during initialization.<br />Available options: `trace`, `debug`, `info` (default), `warn`, `error`, `silent`<br />`storybook init --loglevel debug`                  |
+| `--write-logs`           | Write all debug logs to a file at the end of the run.<br />`storybook init --write-logs`                                                                                                       |
 | `--no-dev`               | Complete the initialization of Storybook without running the Storybook dev server.<br />`storybook init --no-dev`                                                                              |
 
 ### `add`
@@ -149,6 +151,8 @@ Options include:
 | `--package-manager`        | Sets the package manager to use when installing the addon.<br />Available package managers include `npm`, `yarn`, and `pnpm`.<br />`storybook add [addon] --package-manager pnpm` |
 | `-s`, `--skip-postinstall` | Skips post-install configuration. Used only when you need to configure the addon yourself.<br />`storybook add [addon] --skip-postinstall`                                        |
 | `--debug`                  | Outputs more logs in the CLI to assist debugging.<br />`storybook add --debug`                                                                                                    |
+| `--loglevel <level>`      | Controls level of logging during addon installation.<br />Available options: `trace`, `debug`, `info` (default), `warn`, `error`, `silent`<br />`storybook add [addon] --loglevel debug`    |
+| `--write-logs`            | Write all debug logs to a file at the end of the run.<br />`storybook add [addon] --write-logs`                                                                                                |
 
 ### `remove`
 
@@ -366,11 +370,13 @@ Options include:
 | `-s`, `--skip-install`   | Skips the dependency installation step. Used only when you need to configure Storybook manually.<br />`create storybook --skip-install`                                                          |
 | `-t`, `--type`           | Defines the [framework](../configure/integration/frameworks.mdx) to use for your Storybook instance.<br />`create storybook --type solid`                                                        |
 | `-y`, `--yes`            | Skips interactive prompts and automatically installs Storybook per specified version, including all features.<br />`create storybook --yes`                                                      |
-| `--features [...values]` | Use these features when installing, skipping the prompt. Supported values are `docs`, `test` and `a11y`, space separated.<br />`create storybook --features docs test a11y`                                   |
+| `--features [...values]` | Use these features when installing, skipping the prompt. Supported values are `docs`, `test`, and `a11y`, space separated.<br />`create storybook --features docs test a11y`                     |
 | `--package-manager`      | Sets the package manager to use when installing Storybook.<br />Available package managers include `npm`, `yarn`, and `pnpm`.<br />`create storybook --package-manager pnpm`                     |
 | `--use-pnp`              | Enables [Plug'n'Play](https://yarnpkg.com/features/pnp) support for Yarn. This option is only available when using Yarn as your package manager.<br />`create storybook --use-pnp`               |
 | `-p`, `--parser`         | Sets the [jscodeshift parser](https://github.com/facebook/jscodeshift#parser).<br />Available parsers include `babel`, `babylon`, `flow`, `ts`, and `tsx`.<br />`create storybook --parser tsx`  |
 | `--debug`                | Outputs more logs in the CLI to assist debugging.<br />`create storybook --debug`                                                                                                                |
 | `--disable-telemetry`    | Disables Storybook's telemetry. Learn more about it [here](../configure/telemetry.mdx#how-to-opt-out).<br />`create storybook --disable-telemetry`                                               |
 | `--enable-crash-reports` | Enables sending crash reports to Storybook's telemetry. Learn more about it [here](../configure/telemetry.mdx#crash-reports-disabled-by-default).<br />`create storybook --enable-crash-reports` |
+| `--loglevel <level>`     | Controls level of logging during initialization.<br />Available options: `trace`, `debug`, `info` (default), `warn`, `error`, `silent`<br />`storybook init --loglevel debug`                    |
+| `--write-logs`           | Write all debug logs to a file at the end of the run.<br />`storybook init --write-logs`                                                                                                         |
 | `--no-dev`               | Complete the initialization of Storybook without running the Storybook dev server.<br />`create storybook --no-dev`                                                                              |