diff --git a/README.md b/README.md
index 1ff40b65251e..ffd1395b161d 100644
--- a/README.md
+++ b/README.md
@@ -93,46 +93,46 @@ For additional help, join us in the [Storybook Discord](https://discord.gg/story
### Supported Frameworks
-| Framework | Demo | |
-| -------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [React](app/react) | [](https://storybookjs.netlify.com/official-storybook/?path=/story/*) | [](app/react) |
-| [Vue](app/vue) | [](https://storybookjs.netlify.com/vue-kitchen-sink/) | [](app/vue) |
-| [Angular](app/angular) | [](https://storybookjs.netlify.com/angular-cli/) | [](app/angular) |
-| [Web components](app/web-components) | [](https://storybookjs.netlify.com/web-components-kitchen-sink/) | [](app/web-components) |
+| Renderer | Demo | |
+|----------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------|
+| [React](code/renderers/react) | [](https://storybookjs.netlify.com/official-storybook/?path=/story/*) | [](code/renderers/react) |
+| [Vue](code/renderers/vue) | [](https://storybookjs.netlify.com/vue-kitchen-sink/) | [](code/renderers/vue) |
+| [Angular](code/frameworks/angular/) | [](https://storybookjs.netlify.com/angular-cli/) | [](code/frameworks/angular/) |
+| [Web components](code/renderers/web-components) | [](https://storybookjs.netlify.com/web-components-kitchen-sink/) | [](code/renderers/web-components) |
| [React Native](https://github.com/storybookjs/react-native) | - | [](https://github.com/storybookjs/react-native) |
-| [HTML](app/html) | [](https://storybookjs.netlify.com/html-kitchen-sink/) | [](app/html) |
-| [Ember](app/ember) | [](https://storybookjs.netlify.com/ember-cli/) | [](app/ember) |
-| [Svelte](app/svelte) | [](https://storybookjs.netlify.com/svelte-kitchen-sink/) | [](app/svelte) |
-| [Preact](app/preact) | [](https://storybookjs.netlify.com/preact-kitchen-sink/) | [](app/preact) |
+| [HTML](code/renderers/html) | [](https://storybookjs.netlify.com/html-kitchen-sink/) | [](code/renderers/html) |
+| [Ember](code/frameworks/ember/) | [](https://storybookjs.netlify.com/ember-cli/) | [](code/frameworks/ember/) |
+| [Svelte](code/renderers/svelte) | [](https://storybookjs.netlify.com/svelte-kitchen-sink/) | [](code/renderers/svelte) |
+| [Preact](code/renderers/preact) | [](https://storybookjs.netlify.com/preact-kitchen-sink/) | [](code/renderers/preact) |
| [Marionette.js](https://github.com/storybookjs/marionette) | - | [](https://github.com/storybookjs/marionette) |
| [Android, iOS, Flutter](https://github.com/storybookjs/native) | [](https://storybookjs.github.io/native/@storybook/native-flutter-example/index.html) | [](https://github.com/storybookjs/native) |
### Sub Projects
-- [CLI](lib/cli) - Streamlined installation for a variety of app types
-- [examples](examples) - Code examples to illustrate different Storybook use cases
+- [CLI](code/lib/cli) - Streamlined installation for a variety of app types
+- [examples](code/examples) - Code examples to illustrate different Storybook use cases
### Addons
| Addons | |
| ------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
-| [a11y](addons/a11y/) | Test components for user accessibility in Storybook |
-| [actions](addons/actions/) | Log actions as users interact with components in the Storybook UI |
-| [backgrounds](addons/backgrounds/) | Let users choose backgrounds in the Storybook UI |
+| [a11y](code/addons/a11y/) | Test components for user accessibility in Storybook |
+| [actions](code/addons/actions/) | Log actions as users interact with components in the Storybook UI |
+| [backgrounds](code/addons/backgrounds/) | Let users choose backgrounds in the Storybook UI |
| [cssresources](https://github.com/storybookjs/addon-cssresources) | Dynamically add/remove css resources to the component iframe |
| [design assets](https://github.com/storybookjs/addon-design-assets) | View images, videos, weblinks alongside your story |
-| [docs](addons/docs/) | Add high quality documentation to your components |
+| [docs](code/addons/docs/) | Add high quality documentation to your components |
| [events](https://github.com/storybookjs/addon-events) | Interactively fire events to components that respond to EventEmitter |
| [google-analytics](https://github.com/storybookjs/addon-google-analytics) | Reports google analytics on stories |
| [graphql](https://github.com/storybookjs/addon-graphql) | Query a GraphQL server within Storybook stories |
-| [jest](addons/jest/) | View the results of components' unit tests in Storybook |
-| [links](addons/links/) | Create links between stories |
+| [jest](code/addons/jest/) | View the results of components' unit tests in Storybook |
+| [links](code/addons/links/) | Create links between stories |
| [query params](https://github.com/storybookjs/addon-queryparams) | Mock query params |
-| [storyshots](addons/storyshots/) | Snapshot testing for components in Storybook |
-| [storysource](addons/storysource/) | View the code of your stories within the Storybook UI |
-| [viewport](addons/viewport/) | Change display sizes and layouts for responsive components using Storybook |
-| [outline](addons/outline/) | Visuallly debug the CSS layout and alignment within the Storybook UI |
-| [measure](addons/measure/) | Visually inspect the layout and box model within the Storybook UI |
+| [storyshots](code/addons/storyshots/) | Snapshot testing for components in Storybook |
+| [storysource](code/addons/storysource/) | View the code of your stories within the Storybook UI |
+| [viewport](code/addons/viewport/) | Change display sizes and layouts for responsive components using Storybook |
+| [outline](code/addons/outline/) | Visuallly debug the CSS layout and alignment within the Storybook UI |
+| [measure](code/addons/measure/) | Visually inspect the layout and box model within the Storybook UI |
See [Addon / Framework Support Table](https://storybook.js.org/docs/react/api/frameworks-feature-support)
@@ -148,9 +148,9 @@ See [Addon / Framework Support Table](https://storybook.js.org/docs/react/api/fr
In order to continue improving your experience, we have to eventually deprecate certain addons in favor of new, better tools.
-If you're using info/notes, we highly recommend you to migrate to [docs](addons/docs/) instead, and [here is a guide](addons/docs/docs/recipes.md#migrating-from-notesinfo-addons) to help you.
+If you're using info/notes, we highly recommend you to migrate to [docs](code/addons/docs/) instead, and [here is a guide](code/addons/docs/docs/recipes.md#migrating-from-notesinfo-addons) to help you.
-If you're using contexts, we highly recommend you to migrate to [toolbars](https://github.com/storybookjs/storybook/tree/next/addons/toolbars) and [here is a guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-addon-contexts) to help you.
+If you're using contexts, we highly recommend you to migrate to [toolbars](https://github.com/storybookjs/storybook/tree/next/code/addons/toolbars) and [here is a guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-addon-contexts) to help you.
## Badges & Presentation materials
diff --git a/code/addons/controls/README.md b/code/addons/controls/README.md
index ff9ffcee435e..1778633fe659 100644
--- a/code/addons/controls/README.md
+++ b/code/addons/controls/README.md
@@ -210,4 +210,4 @@ export const Template = (args) =>
```
-For more info, see a full [Controls example in MDX for Vue](https://raw.githubusercontent.com/storybookjs/storybook/next/examples/vue-kitchen-sink/src/stories/addon-controls.stories.mdx).
+For more info, see a full [Controls example in MDX for Vue](https://raw.githubusercontent.com/storybookjs/storybook/next/code/examples/vue-kitchen-sink/src/stories/addon-controls.stories.mdx).
diff --git a/code/addons/docs/README.md b/code/addons/docs/README.md
index 6facace48de3..888f1a7e4ba0 100644
--- a/code/addons/docs/README.md
+++ b/code/addons/docs/README.md
@@ -37,7 +37,7 @@ Click on the `Docs` tab to see it:
-For more information on how it works, see the [`DocsPage` reference](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/docspage.md).
+For more information on how it works, see the [`DocsPage` reference](https://github.com/storybookjs/storybook/blob/next/code/addons/docs/docs/docspage.md).
## MDX
@@ -73,7 +73,7 @@ And here's how that's rendered in Storybook:
-For more information on `MDX`, see the [`MDX` reference](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/mdx.md).
+For more information on `MDX`, see the [`MDX` reference](https://github.com/storybookjs/storybook/blob/next/code/addons/docs/docs/mdx.md).
## Framework support
@@ -83,7 +83,7 @@ Storybook Docs supports all view layers that Storybook supports except for React
**Note:** `#` = WIP support
-Want to add enhanced features to your favorite framework? Check out this [dev guide](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/multiframework.md)
+Want to add enhanced features to your favorite framework? Check out this [dev guide](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/multiframework.md)
## Installation
@@ -108,7 +108,7 @@ module.exports = {
};
```
-If using in conjunction with the [storyshots add-on](https://github.com/storybookjs/storybook/blob/next/addons/storyshots/storyshots-core/README.md), you will need to
+If using in conjunction with the [storyshots add-on](https://github.com/storybookjs/storybook/blob/next/code/addons/storyshots/storyshots-core/README.md), you will need to
configure Jest to transform MDX stories into something Storyshots can understand:
Add the following to your Jest configuration:
@@ -124,12 +124,12 @@ Add the following to your Jest configuration:
### Be sure to check framework specific installation needs
-- [React](https://github.com/storybookjs/storybook/tree/next/addons/docs/react) (covered here)
-- [Vue](https://github.com/storybookjs/storybook/tree/next/addons/docs/vue)
-- [Angular](https://github.com/storybookjs/storybook/tree/next/addons/docs/angular)
-- [Ember](https://github.com/storybookjs/storybook/tree/next/addons/docs/ember)
-- [Web Components](https://github.com/storybookjs/storybook/tree/next/addons/docs/web-components)
-- [Common setup (all other frameworks)](https://github.com/storybookjs/storybook/tree/next/addons/docs/common)
+- [React](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/react) (covered here)
+- [Vue](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/vue)
+- [Angular](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/angular)
+- [Ember](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/ember)
+- [Web Components](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/web-components)
+- [Common setup (all other frameworks)](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/common)
## Preset options
@@ -229,12 +229,12 @@ addParameters({
## TypeScript configuration
-As of SB6 [TypeScript is zero-config](https://storybook.js.org/docs/react/configure/typescript) and should work with SB Docs out of the box. For advanced configuration options, refer to the [Props documentation](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/props-tables.md).
+As of SB6 [TypeScript is zero-config](https://storybook.js.org/docs/react/configure/typescript) and should work with SB Docs out of the box. For advanced configuration options, refer to the [Props documentation](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/props-tables.md).
## More resources
Want to learn more? Here are some more articles on Storybook Docs:
-- References: [DocsPage](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/docspage.md) / [MDX](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/mdx.md) / [FAQ](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/faq.md) / [Recipes](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/recipes.md) / [Theming](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/theming.md) / [Props](https://github.com/storybookjs/storybook/tree/next/addons/docs/docs/props-tables.md)
+- References: [DocsPage](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/docspage.md) / [MDX](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/mdx.md) / [FAQ](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/faq.md) / [Recipes](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/recipes.md) / [Theming](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/theming.md) / [Props](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/props-tables.md)
- Announcements: [Vision](https://medium.com/storybookjs/storybook-docs-sneak-peak-5be78445094a) / [DocsPage](https://medium.com/storybookjs/storybook-docspage-e185bc3622bf) / [MDX](https://medium.com/storybookjs/rich-docs-with-storybook-mdx-61bc145ae7bc) / [Framework support](https://medium.com/storybookjs/storybook-docs-for-new-frameworks-b1f6090ee0ea)
- Example: [Storybook Design System](https://github.com/storybookjs/design-system)
diff --git a/code/addons/docs/docs/docspage.md b/code/addons/docs/docs/docspage.md
index 852f1c6217be..7b62abace14e 100644
--- a/code/addons/docs/docs/docspage.md
+++ b/code/addons/docs/docs/docspage.md
@@ -55,7 +55,7 @@ import { Badge } from './Badge';
storiesOf('Path/to/Badge', module).addParameters({ component: Badge });
```
-If you're coming from the `storiesOf` format, there's [a codemod that adds it for you](https://github.com/storybookjs/storybook/blob/next/lib/codemod/README.md#add-component-parameters).
+If you're coming from the `storiesOf` format, there's [a codemod that adds it for you](https://github.com/storybookjs/storybook/blob/next/code/lib/codemod/README.md#add-component-parameters).
## Subcomponents parameter
@@ -145,7 +145,7 @@ export default {
};
```
-You can interleave your own components to customize the auto-generated contents of the page, or pass in different options to the blocks to customize their appearance. For more info see the examples in [official-storybook](https://github.com/storybookjs/storybook/blob/next/examples/official-storybook/stories/addon-docs/addon-docs-blocks.stories.js).
+You can interleave your own components to customize the auto-generated contents of the page, or pass in different options to the blocks to customize their appearance. For more info see the examples in [official-storybook](https://github.com/storybookjs/storybook/blob/next/code/examples/official-storybook/stories/addon-docs/addon-docs-blocks.stories.js).
## Story file names
diff --git a/code/addons/docs/docs/props-tables.md b/code/addons/docs/docs/props-tables.md
index 16fc4450a7e5..7bc30bcd0dcb 100644
--- a/code/addons/docs/docs/props-tables.md
+++ b/code/addons/docs/docs/props-tables.md
@@ -83,7 +83,7 @@ export const WithControls = (args) => ;
```
-For a very detailed walkthrough of how to write stories that use controls, see the [addon-controls README](https://github.com/storybookjs/storybook/blob/next/addons/controls/README.md#writing-stories).
+For a very detailed walkthrough of how to write stories that use controls, read the [documentation](https://storybook.js.org/docs/react/essentials/controls).
## Customization
@@ -187,20 +187,20 @@ This would render a row with a modified description, a type display with a dropd
> - `type: 'number'` is shorthand for `type: { name: 'number' }`
> - `control: 'radio'` is shorthand for `control: { type: 'radio' }`
-Controls customization has an entire section in the [`addon-controls` README](https://github.com/storybookjs/storybook/blob/next/addons/controls/README.md#configuration).
+Controls customization has an entire section in the [documentation](https://storybook.js.org/docs/react/essentials/controls#configuration).
Here are the possible customizations for the rest of the prop table:
-| Field | Description |
-| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------- |
-| `name` | The name of the property |
-| `type.required` | Whether or not the property is required |
-| `description` | A markdown description for the property |
-| `table.type.summary` | A short version of the type |
-| `table.type.detail` | A longer version of the type (if it's a complex type) |
-| `table.defaultValue.summary` | A short version of the default value |
-| `table.defaultValue.detail` | A longer version of the default value (if it's a complex value) |
-| `control` | See [`addon-controls` README](https://github.com/storybookjs/storybook/blob/next/addons/controls/README.md#configuration) |
+| Field | Description |
+| ---------------------------- | ---------------------------------------------------------------------------------------------------- |
+| `name` | The name of the property |
+| `type.required` | Whether or not the property is required |
+| `description` | A markdown description for the property |
+| `table.type.summary` | A short version of the type |
+| `table.type.detail` | A longer version of the type (if it's a complex type) |
+| `table.defaultValue.summary` | A short version of the default value |
+| `table.defaultValue.detail` | A longer version of the default value (if it's a complex value) |
+| `control` | See [`addon-controls` README](https://storybook.js.org/docs/react/essentials/controls#configuration) |
### Custom ArgTypes in MDX
diff --git a/code/addons/docs/docs/recipes.md b/code/addons/docs/docs/recipes.md
index 9a0436854922..2f1816b131ec 100644
--- a/code/addons/docs/docs/recipes.md
+++ b/code/addons/docs/docs/recipes.md
@@ -32,7 +32,7 @@ If you want to intersperse longform documentation in your Storybook, for example
## Mixed CSF / MDX Stories
-Can't decide between CSF and MDX? In transition? Or have you found that each format has its own use? There's nothing stopping you from keeping some of your stories in CSF and some in MDX. And if you want to migrate one way or another, the [csf-to-mdx and mdx-to-csf codemod migrations](https://github.com/storybookjs/storybook/blob/next/lib/codemod/README.md) can help.
+Can't decide between CSF and MDX? In transition? Or have you found that each format has its own use? There's nothing stopping you from keeping some of your stories in CSF and some in MDX. And if you want to migrate one way or another, the [csf-to-mdx and mdx-to-csf codemod migrations](https://github.com/storybookjs/storybook/blob/next/code/lib/codemod/README.md) can help.
The only limitation is that your exported titles (CSF: `default.title`, MDX `Meta.title`) should be unique across files. Loading will fail if there are duplicate titles.
diff --git a/code/addons/essentials/README.md b/code/addons/essentials/README.md
index 90b8438c9e84..80d038134f73 100644
--- a/code/addons/essentials/README.md
+++ b/code/addons/essentials/README.md
@@ -14,6 +14,8 @@ Storybook essentials includes the following addons. Addons can be disabled and r
- [Docs](https://github.com/storybookjs/storybook/tree/next/code/addons/docs)
- [Viewport](https://github.com/storybookjs/storybook/tree/next/code/addons/viewport)
- [Toolbars](https://github.com/storybookjs/storybook/tree/next/code/addons/toolbars)
+- [Measure](https://github.com/storybookjs/storybook/tree/next/code/addons/measure)
+- [Outline](https://github.com/storybookjs/storybook/tree/next/code/addons/outline)
## Installation
diff --git a/code/examples/svelte-kitchen-sink/src/stories/addon-docs.stories.mdx b/code/examples/svelte-kitchen-sink/src/stories/addon-docs.stories.mdx
index 2774e7d290d5..4eab7e5c6774 100644
--- a/code/examples/svelte-kitchen-sink/src/stories/addon-docs.stories.mdx
+++ b/code/examples/svelte-kitchen-sink/src/stories/addon-docs.stories.mdx
@@ -67,7 +67,7 @@ And `square`:
## More info
-For more info, check out the [Storybook Docs README](https://github.com/storybookjs/storybook/tree/next/addons/docs).
+For more info, check out the [Storybook Docs README](https://github.com/storybookjs/storybook/tree/next/code/addons/docs).
We want your feedback to help make this more useful.
diff --git a/code/frameworks/angular/README.md b/code/frameworks/angular/README.md
index f18b4cdfb590..ceb998025f85 100644
--- a/code/frameworks/angular/README.md
+++ b/code/frameworks/angular/README.md
@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
```sh
cd my-angular-app
-npx sb init
+npx storybook init
```
For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/frameworks/ember/README.md b/code/frameworks/ember/README.md
index 95b842a85ad8..f15503cd24ca 100644
--- a/code/frameworks/ember/README.md
+++ b/code/frameworks/ember/README.md
@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
```sh
cd my-ember-app
-npx sb init
+npx storybook init
```
For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/frameworks/html-webpack5/README.md b/code/frameworks/html-webpack5/README.md
index e898ba689536..d18efbcb9829 100644
--- a/code/frameworks/html-webpack5/README.md
+++ b/code/frameworks/html-webpack5/README.md
@@ -14,7 +14,7 @@ So you can develop UI components in isolation without worrying about app specifi
```sh
cd my-app
-npx sb init -t html
+npx storybook init -t html
```
For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/frameworks/preact-webpack5/README.md b/code/frameworks/preact-webpack5/README.md
index 2bbdd89def68..60b338b400b2 100644
--- a/code/frameworks/preact-webpack5/README.md
+++ b/code/frameworks/preact-webpack5/README.md
@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
```sh
cd my-preact-app
-npx sb init
+npx storybook init
```
For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/frameworks/react-webpack5/README.md b/code/frameworks/react-webpack5/README.md
index 60379031702d..6aee8981736d 100644
--- a/code/frameworks/react-webpack5/README.md
+++ b/code/frameworks/react-webpack5/README.md
@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
```sh
cd my-react-app
-npx sb init
+npx storybook init
```
For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/frameworks/server-webpack5/README.md b/code/frameworks/server-webpack5/README.md
index 28e5e50205aa..160b17845323 100644
--- a/code/frameworks/server-webpack5/README.md
+++ b/code/frameworks/server-webpack5/README.md
@@ -14,7 +14,7 @@ So you can develop UI components in isolation without worrying about app specifi
```sh
cd my-app
-npx sb init -t server
+npx storybook init -t server
```
To configure the server that Storybook will connect to, export a global parameter `parameters.server.url` in `.storybook/preview.js`:
diff --git a/code/frameworks/svelte-webpack5/README.md b/code/frameworks/svelte-webpack5/README.md
index 49bbb60840e3..2c1279392720 100644
--- a/code/frameworks/svelte-webpack5/README.md
+++ b/code/frameworks/svelte-webpack5/README.md
@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
```sh
cd my-svelte-app
-npx sb init
+npx storybook init
```
For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/frameworks/vue-webpack5/README.md b/code/frameworks/vue-webpack5/README.md
index 33ae491f8f41..e9ddd06ffa95 100644
--- a/code/frameworks/vue-webpack5/README.md
+++ b/code/frameworks/vue-webpack5/README.md
@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
```sh
cd my-vue-app
-npx sb init
+npx storybook init
```
For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/frameworks/vue3-webpack5/README.md b/code/frameworks/vue3-webpack5/README.md
index b0fafaff0295..8ce5b4dafb8d 100644
--- a/code/frameworks/vue3-webpack5/README.md
+++ b/code/frameworks/vue3-webpack5/README.md
@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
```sh
cd my-vue3-app
-npx sb init
+npx storybook init
```
For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/frameworks/web-components-webpack5/README.md b/code/frameworks/web-components-webpack5/README.md
index e07aad25f2bb..2239de4e631d 100644
--- a/code/frameworks/web-components-webpack5/README.md
+++ b/code/frameworks/web-components-webpack5/README.md
@@ -14,7 +14,7 @@ So you can develop UI components in isolation without worrying about app specifi
```sh
cd my-app
-npx sb init -t web_components
+npx storybook init -t web_components
```
For more information visit: [storybook.js.org](https://storybook.js.org)
diff --git a/code/lib/blocks/src/components/Preview.stories.tsx b/code/lib/blocks/src/components/Preview.stories.tsx
index 6e4c379596e5..a6555636ab32 100644
--- a/code/lib/blocks/src/components/Preview.stories.tsx
+++ b/code/lib/blocks/src/components/Preview.stories.tsx
@@ -188,7 +188,7 @@ export const WithAdditionalActions = () => (
title: 'Open on GitHub',
onClick: () => {
globalWindow.location.href =
- 'https://github.com/storybookjs/storybook/blob/next/lib/components/src/blocks/Preview.stories.tsx#L140-L147';
+ 'https://github.com/storybookjs/storybook/blob/next/code/lib/blocks/src/components/Preview.stories.tsx#L165-L186';
},
},
]}
diff --git a/code/lib/cli/README.md b/code/lib/cli/README.md
index b7d1d77820f5..fd5d25472c48 100644
--- a/code/lib/cli/README.md
+++ b/code/lib/cli/README.md
@@ -53,4 +53,4 @@ If the CLI cannot detect your project type, it will ask you. You can also force
npx sb init --type
```
-Where type is one of the project types defined in [project_types.js](https://github.com/storybookjs/storybook/blob/next/lib/cli/src/project_types.ts)
+Where type is one of the project types defined in [project_types.ts](https://github.com/storybookjs/storybook/blob/next/code/lib/cli/src/project_types.ts)
diff --git a/code/lib/source-loader/README.md b/code/lib/source-loader/README.md
index 2d724e8fee58..bae04aed9c1a 100644
--- a/code/lib/source-loader/README.md
+++ b/code/lib/source-loader/README.md
@@ -1,6 +1,6 @@
Source Loader
-Storybook `source-loader` is a webpack loader that annotates Storybook story files with their source code. It powers the [storysource](https://github.com/storybookjs/storybook/tree/next/addons/storysource) and [docs](https://github.com/storybookjs/storybook/tree/next/addons/docs) addons.
+Storybook `source-loader` is a webpack loader that annotates Storybook story files with their source code. It powers the [storysource](https://github.com/storybookjs/storybook/tree/next/code/addons/storysource) and [docs](https://github.com/storybookjs/storybook/tree/next/code/addons/docs) addons.
- [Options](#options)
- [parser](#parser)