From 8fe3749ed8e44bd56635a2d8bc90644121e99cd2 Mon Sep 17 00:00:00 2001 From: Dylan Hu Date: Thu, 29 May 2025 10:05:41 -0700 Subject: [PATCH] Add community resources page with React examples --- docs/community-resources.md | 16 ++++++++++++++++ mkdocs.yml | 1 + 2 files changed, 17 insertions(+) create mode 100644 docs/community-resources.md diff --git a/docs/community-resources.md b/docs/community-resources.md new file mode 100644 index 0000000..019195e --- /dev/null +++ b/docs/community-resources.md @@ -0,0 +1,16 @@ +# Community Resources + +A collection of resources and examples created by the community. To add your own, please submit a PR to edit this page at [forge-gfx/forge](https://github.com/forge-gfx/forge/tree/main/docs/community-resources.md). + +## Discord + +Join the [Forge Discord](https://discord.gg/W39qmSKemS) to connect with other users and developers. + +## React Examples + +Forge can be used alongside or within React for declarative scene management, dynamic rendering, and state management between your user interface and the 3D scene. See the following examples for how to use Forge with React. + +- [`forge-react-basic`](https://github.com/forge-gfx/forge-react-basic) - A basic example of creating a `` and Three.js scene with Forge. +- [`forge-react-r3f`](https://github.com/forge-gfx/forge-react-r3f) - Use Forge declaratively in React with [React Three Fiber](https://r3f.docs.pmnd.rs). +- [`forge-react-router`](https://github.com/forge-gfx/forge-react-router) - An example of using Forge and React Three Fiber with [React Router](https://reactrouter.com) v7 framework mode with SSR. +- [`forge-react-nextjs`](https://github.com/forge-gfx/forge-react-nextjs) - An example of using Forge and React Three Fiber with Next.js App Router. diff --git a/mkdocs.yml b/mkdocs.yml index 651d069..d2a8f59 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -22,6 +22,7 @@ nav: - Splat RGBA-XYZ SDF editing: splat-editing.md - Controls: controls.md - Performance tuning: performance.md + - Community Resources: community-resources.md markdown_extensions: - pymdownx.highlight: anchor_linenums: true