diff --git a/docs/get-started/introduction.md b/docs/get-started/introduction.md deleted file mode 100644 index df7d0b2e5f28..000000000000 --- a/docs/get-started/introduction.md +++ /dev/null @@ -1,28 +0,0 @@ ---- -title: 'Introduction to Storybook' ---- - -Storybook is a tool for UI development. It makes development faster and easier by isolating components. This allows you to work on one component at a time. You can develop entire UIs without needing to start up a complex dev stack, force certain data into your database, or navigate around your application. - - - -Use Storybook to build small atomic components and complex pages in your web application. If it's a UI, you can build it with Storybook. - -![Storybook relationship](./storybook-relationship.png) - -Storybook helps you **document** components for reuse and automatically **visually test** your components to prevent bugs. Extend Storybook with an ecosystem of **addons** that help you do things like fine-tune responsive layouts or verify accessibility. - -Storybook integrates with most popular JavaScript UI frameworks and (experimentally) supports server-rendered component frameworks such as [Ruby on Rails](https://rubyonrails.org/). - -## Learning resources - -If you want to learn more about the component-driven approach that Storybook enables, this [site](http://componentdriven.org) is a good place to start. - -If you want a guided tutorial through building a simple application with Storybook in your framework and language, our [tutorials](https://storybook.js.org/tutorials/) have your back. - -Read on to learn Storybook basics and API! diff --git a/docs/get-started/storybook-hero-video-optimized-lg.mp4 b/docs/get-started/storybook-hero-video-optimized-lg.mp4 deleted file mode 100644 index 06dd11ce7742..000000000000 Binary files a/docs/get-started/storybook-hero-video-optimized-lg.mp4 and /dev/null differ diff --git a/docs/get-started/storybook-relationship.png b/docs/get-started/storybook-relationship.png deleted file mode 100644 index 17c31cf9b50f..000000000000 Binary files a/docs/get-started/storybook-relationship.png and /dev/null differ diff --git a/docs/toc.js b/docs/toc.js index 5ed31627fba0..f2f7c8e9072e 100644 --- a/docs/toc.js +++ b/docs/toc.js @@ -1,19 +1,16 @@ module.exports = { toc: [ - { - title: '📕 Why Storybook?', - pathSegment: 'why-storybook', - type: 'link', - }, + { title: '🚀 Get started', pathSegment: 'get-started', type: 'menu', children: [ { - pathSegment: 'introduction', - title: 'Introduction', + pathSegment: 'why-storybook', + title: 'Why Storybook?', type: 'bullet-link', + description: 'Learn why Storybook can help you build better UIs', }, { pathSegment: 'install',