+
+This is all you need to schedule a real, reliable UI trigger in your Compose app with just a button
+click. TriggerX handles the edge cases so you can focus on delivering delightful user experiences.
+
diff --git a/docs/docs/tutorial-basics/_category_.json b/docs/docs/tutorial-basics/_category_.json
new file mode 100644
index 0000000..90852cd
--- /dev/null
+++ b/docs/docs/tutorial-basics/_category_.json
@@ -0,0 +1,8 @@
+{
+ "label": "Basics",
+ "position": 2,
+ "link": {
+ "type": "generated-index",
+ "description": "Set up TriggerX from scratch, from adding the dependency to showing your first scheduled UI screen."
+ }
+}
diff --git a/docs/docs/tutorial-extras/_category_.json b/docs/docs/tutorial-extras/_category_.json
new file mode 100644
index 0000000..1be1687
--- /dev/null
+++ b/docs/docs/tutorial-extras/_category_.json
@@ -0,0 +1,7 @@
+{
+ "label": "Advanced",
+ "position": 3,
+ "link": {
+ "type": "generated-index"
+ }
+}
diff --git a/docs/docs/tutorial-extras/img/docsVersionDropdown.png b/docs/docs/tutorial-extras/img/docsVersionDropdown.png
new file mode 100644
index 0000000..97e4164
Binary files /dev/null and b/docs/docs/tutorial-extras/img/docsVersionDropdown.png differ
diff --git a/docs/docs/tutorial-extras/img/localeDropdown.png b/docs/docs/tutorial-extras/img/localeDropdown.png
new file mode 100644
index 0000000..e257edc
Binary files /dev/null and b/docs/docs/tutorial-extras/img/localeDropdown.png differ
diff --git a/docs/docs/tutorial-extras/showing-dynamic-ui.md b/docs/docs/tutorial-extras/showing-dynamic-ui.md
new file mode 100644
index 0000000..784d039
--- /dev/null
+++ b/docs/docs/tutorial-extras/showing-dynamic-ui.md
@@ -0,0 +1,6 @@
+---
+title: Showing dynamic UI
+sidebar_position: 1
+---
+
+
diff --git a/docs/docusaurus.config.ts b/docs/docusaurus.config.ts
new file mode 100644
index 0000000..b316b67
--- /dev/null
+++ b/docs/docusaurus.config.ts
@@ -0,0 +1,118 @@
+import {themes as prismThemes} from 'prism-react-renderer';
+import type {Config} from '@docusaurus/types';
+import type * as Preset from '@docusaurus/preset-classic';
+
+// This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
+
+const config: Config = {
+ title: 'TriggerX Documentation',
+ tagline: 'Trigger UI. On time. Every time.',
+ favicon: 'img/triggerx-logo.png',
+
+ // Future flags, see https://docusaurus.io/docs/api/docusaurus-config#future
+ future: {
+ v4: true, // Improve compatibility with the upcoming Docusaurus v4
+ },
+
+ // Set the production url of your site here
+ url: 'https://labs.meticha.com',
+ trailingSlash: false,
+ // Set the /{description}
+{siteConfig.tagline}
+