docs(layout-v6): add quick start guide

siriwatknp · Aug 14, 2024 · 7a1f504 · 7a1f504
1 parent 60cb9da
commit 7a1f504
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 0 deletions.
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
@@ -42,6 +42,7 @@ const preview: Preview = {
           [
             "Introduction",
             "Design Principles",
+            "Quick Start",
             "Installation",
             "Configuration",
             [

diff --git a/docs/layout-v6/quick-start.mdx b/docs/layout-v6/quick-start.mdx
@@ -0,0 +1,31 @@
+import { Meta } from "@storybook/blocks";
+
+<Meta title="Layout v6/Quick Start" />
+
+# Quick start
+
+## Next.js
+
+[![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/siriwatknp/mui-treasury/tree/master/examples/mui-treasury-layout-nextjs)
+
+[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/github/siriwatknp/mui-treasury/tree/master/examples/mui-treasury-layout-nextjs)
+
+or clone the repository and run:
+
+```bash
+curl https://codeload.github.com/siriwatknp/mui-treasury/tar.gz/next | tar -xz --strip=2  mui-treasury-master/examples/mui-treasury-layout-nextjs
+cd mui-treasury-layout-nextjs
+```
+
+## Vite
+
+[![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/siriwatknp/mui-treasury/tree/master/examples/mui-treasury-layout-vite)
+
+[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/github/siriwatknp/mui-treasury/tree/master/examples/mui-treasury-layout-vite)
+
+or clone the repository and run:
+
+```bash
+curl https://codeload.github.com/siriwatknp/mui-treasury/tar.gz/next | tar -xz --strip=2 mui-treasury-master/examples/mui-treasury-layout-vite
+cd mui-treasury-layout-vite
+```