docs: ✏️ Create Getting Started as a separate page

docs/docs/configuration.md

@@ -1,5 +1,5 @@
 ---
-sidebar_position: 2
+sidebar_position: 3
 ---
 
 # Configuration

docs/docs/getting-started.md

@@ -0,0 +1,61 @@
+---
+sidebar_position: 2
+---
+
+# Getting Started
+
+Install the package in the project that uses Next.js.
+
+## Installation
+
+```bash
+yarn add -D next-export-optimize-images
+```
+
+## Usage
+
+1. Write withExportImages in `next.config.js.`
+
+```js
+// next.config.js
+const withExportImages = require('next-export-optimize-images')
+
+module.exports = withExportImages({
+  // write your next.js configuration values.
+})
+```
+
+If you are using `next-compose-plugins`
+
+```js
+// next.config.js
+const withPlugins = require('next-compose-plugins')
+const withExportImages = require('next-export-optimize-images')
+
+module.exports = withPlugins(
+  [
+    withExportImages,
+    // your other plugins here
+  ],
+  {
+    // write your next.js configuration values.
+  }
+)
+```
+
+2. Change the description of the `scripts` that do the `next export` in `package.json`
+
+```
+{
+-  "export": "next build && next export",
++  "export": "next build && next export && next-export-optimize-images",
+}
+```
+
+3. Import and use next/image as usual.
+
+```jsx
+<Image src="/images/img.png" width={1920} height={1280} alt="" />
+// Or import as follows
+<Image src={require('./img.png')} alt="" />
+```

docs/docs/intro.md

@@ -22,61 +22,3 @@ This makes it possible to build a high performance website with this solution, w
 - Using `sharp`, so it's fast.
 - Cache prevents repeating the same optimization
 - Support TypeScript
-
-## Getting Started
-
-Install the package in the project that uses Next.js.
-
-### Installation
-
-```bash
-yarn add -D next-export-optimize-images
-```
-
-### Usage
-
-1. Write withExportImages in `next.config.js.`
-
-```js
-// next.config.js
-const withExportImages = require('next-export-optimize-images')
-
-module.exports = withExportImages({
-  // write your next.js configuration values.
-})
-```
-
-If you are using `next-compose-plugins`
-
-```js
-// next.config.js
-const withPlugins = require('next-compose-plugins')
-const withExportImages = require('next-export-optimize-images')
-
-module.exports = withPlugins(
-  [
-    withExportImages,
-    // your other plugins here
-  ],
-  {
-    // write your next.js configuration values.
-  }
-)
-```
-
-2. Change the description of the `scripts` that do the `next export` in `package.json`
-
-```
-{
--  "export": "next build && next export",
-+  "export": "next build && next export && next-export-optimize-images",
-}
-```
-
-3. Import and use next/image as usual.
-
-```jsx
-<Image src="/images/img.png" width={1920} height={1280} alt="" />
-// Or import as follows
-<Image src={require('./img.png')} alt="" />
-```