Docs: Update CSF Next API reference

docs/_snippets/csf-factories-automigrate.md

@@ -0,0 +1,11 @@
+```shell renderer="common" language="js" packageManager="npm"
+npx storybook automigrate csf-factories
+```
+
+```shell renderer="common" language="js" packageManager="pnpm"
+pnpm dlx storybook automigrate csf-factories
+```
+
+```shell renderer="common" language="js" packageManager="yarn"
+yarn dlx storybook automigrate csf-factories
+```

docs/_snippets/csf-next-builder-aliases.md

@@ -0,0 +1,39 @@
+```ts filename=".storybook/main.js|ts" renderer="common" language="ts" tabTitle="Vite"
+import path from 'path';
+// Replace your-framework with the framework you are using, e.g. react-vite, nextjs-vite, vue3-vite, etc.
+import { defineMain } from '@storybook/your-framework/node';
+
+export default defineMain({
+  // ...rest of config
+  async viteFinal(config) {
+    if (config.resolve) {
+      config.resolve.alias = {
+        ...config.resolve?.alias,
+        '@': path.resolve(__dirname, './'),
+      };
+    }
+
+    return config;
+  },
+});
+```
+
+```ts filename=".storybook/main.js|ts" renderer="common" language="ts" tabTitle="Webpack"
+import path from 'path';
+// Replace your-framework with the framework you are using, e.g. react-webpack, nextjs, angular, etc.
+import { defineMain } from '@storybook/your-framework/node';
+
+export default defineMain({
+  // ...rest of config
+  async webpackFinal(config) {
+    if (config.resolve) {
+      config.resolve.alias = {
+        ...config.resolve?.alias,
+        '@$': path.resolve(__dirname, './'),
+      };
+    }
+
+    return config;
+  },
+});
+```