docs: improve installation, why-event-tracker, installation, create-tracker, Provider docs

docs/src/content/en/_meta.ts

@@ -1,6 +1,6 @@
 import { MetaRecord } from "nextra";
 
-const meta: MetaRecord = {
+export default {
   "getting-started-separator": {
     type: "separator",
     title: "Getting Started",
@@ -12,21 +12,21 @@ const meta: MetaRecord = {
       layout: "default",
     },
   },
-  installation: {
-    title: "Installation",
+  "why-event-tracker": {
+    title: "Why Event Tracker?",
     theme: {
       toc: true,
       layout: "default",
     },
   },
-  "quick-start": {
-    title: "Quick Start",
+  installation: {
+    title: "Installation",
     theme: {
       toc: true,
       layout: "default",
     },
   },
-  "api-separator": {
+  "api-reference-separator": {
     title: "API Reference",
     type: "separator",
   },
@@ -38,21 +38,21 @@ const meta: MetaRecord = {
     },
   },
   components: {
-    title: "components",
+    title: "Components",
     theme: {
       toc: true,
       layout: "default",
     },
   },
-  hook: {
-    title: "hook",
+  "use-tracker": {
+    title: "useTracker",
     theme: {
       toc: true,
       layout: "default",
     },
   },
   "advanced-separator": {
-    title: "Advanced",
+    title: "Guides",
     type: "separator",
   },
   batching: {
@@ -62,6 +62,22 @@ const meta: MetaRecord = {
       layout: "default",
     },
   },
-};
-
-export default meta;
+  "data-type-validation": {
+    title: "Data Type Validation",
+    theme: {
+      toc: true,
+      layout: "default",
+    },
+  },
+  "example-separator": {
+    title: "Examples",
+    type: "separator",
+  },
+  "basic-example": {
+    title: "Basic",
+    theme: {
+      toc: true,
+      layout: "default",
+    },
+  },
+} satisfies MetaRecord;

docs/src/content/en/quick-start.mdx → docs/src/content/en/basic-example.mdx

@@ -1,6 +1,6 @@
-# Quick Start
+# Guide
 
-Here's a simple example of how to use event-tracker:
+Here's a simple example demonstrating how to use `event-tracker`:
 
 ```tsx
 import { createTracker } from "@offlegacy/event-tracker";
@@ -14,7 +14,7 @@ const [Track, useTracker] = createTracker({
   },
 });
 
-// Use in your app
+// Usage within the app
 function App() {
   return (
     <Track.Provider initialContext={{ userId: "user-123" }}>

docs/src/content/en/components/index.mdx

@@ -1,6 +1,6 @@
 # Provider
 
-The `Provider` component connects and provides initial context to your application.
+The `Provider` component attaches and provides the initial context to your application. It is one of the event components included as the first element of the tuple returned by `createTracker`.
 
 ```tsx
 import { createTracker } from '@offlegacy/event-tracker'
@@ -10,12 +10,23 @@ const [Track] = createTracker({...})
 function App() {
   return (
     <Track.Provider initialContext={{}}>
-      {/* Your app content */}
+      {/* Application */}
     </Track.Provider>
   )
 }
 ```
 
+## Reference
+
 ### Props
 
-- `initialContext?: Context` - Initial context value
+| Props            | Type      | Description           | Example             |
+| ---------------- | --------- | --------------------- | ------------------- |
+| `initialContext` | `Context` | Initial context value | `{ userId: '123' }` |
+
+---
+
+#### `initialContext` (required)
+
+- Type: `Context`
+- Description: The initial context value provided to the application.