diff --git a/docs/1.getting-started/6.server-directory.md b/docs/1.getting-started/6.server-directory.md
new file mode 100644
index 0000000000..d1010ada00
--- /dev/null
+++ b/docs/1.getting-started/6.server-directory.md
@@ -0,0 +1,34 @@
+---
+description: Using server directory to create middlewares, plugins and API easily.
+---
+
+# Server Directory 
+
+Nuxt scans files and create middlewares, plugins and API routes to create features to use inside components or pages.
+
+Each file under these folders must return a function defined with `defineEventHandler()`.
+
+## Server Routes
+
+Anything under `~/server/api` folder will create API routes to fetch data within API route.
+
+```ts [server/api/hello.ts]
+export default defineEventHandler(() => {
+    return {
+      greetings: 'traveler'
+    }
+})
+```
+
+```vue [components/Greet.vue]
+<script setup lang="ts">
+const {data} = await useFetch('/api/hello')
+</script>
+```
+
+This server route will return a data object that contains an object with content of `{greetings: 'traveler'}`.
+
+Server route file will automatically match with `GET` method and it can be changed by adding method names to file name such as: `.post`, `.put`, `.delete`. 
+Routes may accept parameters, body and query parameters to get some values.
+
+:ReadMore{link="/docs/guide/directory-structure/server#matching-route-parameters"}