From c2a223802b5a20a1f68c10d1f66797ba620e470c Mon Sep 17 00:00:00 2001
From: Revenity <aquaplmc@gmail.com>
Date: Tue, 2 May 2023 00:37:39 +0700
Subject: [PATCH] Add StricJS to ecosystem (#2747)

* Create stric.md

* Update nav.ts

* Update stric.md

Add codetabs for ArrowJS

* Update stric.md

* Update stric.md
---
 docs/ecosystem/stric.md | 37 +++++++++++++++++++++++++++++++++++++
 docs/nav.ts             |  5 ++++-
 2 files changed, 41 insertions(+), 1 deletion(-)
 create mode 100644 docs/ecosystem/stric.md

diff --git a/docs/ecosystem/stric.md b/docs/ecosystem/stric.md
new file mode 100644
index 0000000000..b6b93725c7
--- /dev/null
+++ b/docs/ecosystem/stric.md
@@ -0,0 +1,37 @@
+[Stric](https://github.com/bunsvr) is a minimalist, fast web framework for Bun.
+
+```ts#index.ts
+import { App } from "@stricjs/core";
+
+// Export the fetch handler and serve with Bun
+export default new App()
+  // Return "Hi!" on every request
+  .use(() => new Response("Hi!"));
+```
+
+Stric provides support for [ArrowJS](https://www.arrow-js.com), a library for building reactive interfaces in **native** JavaScript. 
+
+{% codetabs %}
+
+```ts#src/App.ts
+import { html } from "@stricjs/arrow/utils";
+
+// Code inside this function can use web APIs
+export function render() {
+  // Render a <p> element with text 'Hi'
+  html`<p>Hi</p>`;
+};
+
+// Set the path to handle
+export const path = "/";
+```
+```ts#index.ts
+import { PageRouter } from "@stricjs/arrow";
+
+// Create a page router, build and serve directly
+new PageRouter().serve();
+```
+
+{% /codetabs %}
+
+For more info, see Stric's [documentation](https://stricjs.gitbook.io/docs).
diff --git a/docs/nav.ts b/docs/nav.ts
index 6bbbde529d..fcafdf25f3 100644
--- a/docs/nav.ts
+++ b/docs/nav.ts
@@ -199,7 +199,10 @@ export default {
     page("ecosystem/buchta", "Buchta", {
       description: `Buchta is a Bun-native fullstack framework for Svelte and Preact apps.`,
     }),
-
+    page("ecosystem/stric", "Stric", {
+      description: `Stric is a minimalist, fast web framework for Bun.`,
+    }),
+    
     page("ecosystem/awesome", "Awesome", {
       href: "https://github.com/apvarun/awesome-bun",
       description: ``,