diff options
-rw-r--r-- | docs/ecosystem/stric.md | 37 | ||||
-rw-r--r-- | docs/nav.ts | 5 |
2 files changed, 41 insertions, 1 deletions
diff --git a/docs/ecosystem/stric.md b/docs/ecosystem/stric.md new file mode 100644 index 000000000..b6b93725c --- /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 6bbbde529..fcafdf25f 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: ``, |