Add community page using docs multi-instance (#2390)

* use docs multi-instance * Add awesome yew This content is taken from https://github.com/jetli/awesome-yew/blob/master/README.md * remove "Official" - We are official
2022-01-20 14:14:08 +05:00 · 2022-01-20 14:14:08 +05:00 · d1f050e892
parent 01a259431d
commit d1f050e892
15 changed files with 944 additions and 704 deletions
--- a/website/community/awesome.md
+++ b/website/community/awesome.md
@ -0,0 +1,143 @@
+---
+title: "Awesome Yew"
+description: "Community projects built using yew"
+---
+
+## Projects
+
+- [Realworld example](https://github.com/jetli/rust-yew-realworld-example-app) - Exemplary real world app built with Rust + Yew + WebAssembly.
+- [webapp.rs](https://github.com/saschagrunert/webapp.rs) - A web application completely written in Rust, frontend is built with Yew.
+- [Rust-Full-Stack](https://github.com/steadylearner/Rust-Full-Stack) - Easily testable and working Rust codes with blog posts to explain them.
+- [Bucket Questions](https://github.com/hgzimmerman/BucketQuestions) - A webapp written entirely in Rust for a dumb party game.
+- [web-view todomvc desktop app](https://github.com/Extrawurst/rust-webview-todomvc-yew) - Demo how to use yew for a todomvc that compiles to WebAssembly and is bundled as a lightweight(~2mb) desktop app by [web-view](https://github.com/Boscop/web-view), as an alternative to Electron, [web-view](https://github.com/Boscop/web-view) also has a [demo](https://github.com/Boscop/web-view/tree/master/examples#todo-yew).
+- [yew-react-example](https://github.com/hobofan/yew-react-example) - This project shows how to create a web app using a React component inside a Yew component.
+- [Kirk](https://github.com/stkevintan/Kirk) - Just A Rust WebAssembly Blog.
+- [rust-async-wasm-demo](https://github.com/extraymond/rust-async-wasm-demo) - Toy project to learn Rust and async that can be deployed to the web.
+- [karaoke-rs](https://github.com/tarkah/karaoke-rs) - A simple, network enabled karaoke player in Rust.
+- [I Love Hue! (rs)](https://github.com/noc7c9/i-love-hue-rs) - A clone of the mobile game I Love Hue in Yew (Rust).
+- [yew-styles-page](https://github.com/spielrs/yew-styles-page) - This is an initial project of a framework style for yew.
+- [caniuse.rs](https://github.com/jplatte/caniuse.rs) - Rust feature search.
+- [Rust electron yew demo](https://github.com/Extrawurst/rust-electron-demo) - An example of building a Rust based web app (Yew) into a native app using electron.
+- [covplot](https://github.com/jbowens/covplot) - Live graphs of worldwide CoVID-19 data.
+- [Tanoshi](https://github.com/fadhlika/tanoshi-web) - Tachiyomi-like web manga reader. Front-end for tanoshi.
+- [Minesweeper](https://github.com/jgpaiva/minesweeper) - Minesweeper built with Rust, Yew and WebAssembly.
+- [Freecell](https://github.com/Stigjb/freecell) - A patience game written in Rust and Yew.
+- [Daydream](https://github.com/MTRNord/Daydream) - A small Matrix web client written in Rust.
+- [Yew-WebRTC-Chat](https://github.com/codec-abc/Yew-WebRTC-Chat) - A simple WebRTC chat made with Yew.
+- [Yew Fullstack Boilerplate](https://github.com/lukidoescode/yew-fullstack-boilerplate) - Highly opinionated boilerplate for creating full stack applications with Rust.
+- [Chord Quiz](https://github.com/Stigjb/chord-quiz) - Practice recognizing chords in this Rust/Yew/WebAssembly app.
+- [RustMart](https://github.com/sheshbabu/rustmart-yew-example) - Single Page Application (SPA) written using Rust, Wasm and Yew.
+- [DevAndDev](https://github.com/alepez/devand) - A website where developers can find pair-programming partners. Written in Rust, Yew frontend.
+- [yew-octicons](https://github.com/io12/yew-octicons) - An easy interface for using Octicons in Yew projects.
+- [Pipe](https://github.com/pipe-fun/pipe) - This is a Rust / Wasm client web app which is a task control center.
+- [note-to-yew](https://github.com/GalAster/note-to-yew) - Convert your markups into Yew macro online, which is also made by Yew.
+- [ASCII-Hangman](https://github.com/getreu/ascii-hangman) - Configurable Hangman game for children with ASCII-art rewarding.
+- [dotdotyew](https://github.com/shaunbennett/dotdotyew) - [Dot-voting](https://en.wikipedia.org/wiki/Dot-voting) using Yew, with Rust powering the backend API.
+- [wasm-2048](https://github.com/dev-family/wasm-2048) - 2048 game implemented with Rust and Yew and compiled to Wasm.
+- [website-wasm](https://github.com/kamiyaa/website-wasm) - My personal website written in Rust via Yew/Wasm.
+- [KeyPress](https://github.com/rayylee/keypress) - A Rust WebAssembly Website example for practising english for chinese.
+- [yew-train-ticket](https://github.com/anthhub/yew-train-ticket) - A Rust WebAssembly [Webapp](http://118.190.37.169:8002) example basing Yew newest hooks and functional API, the code style is extremely like React Function Component.
+- [yew-d3-example](https://github.com/i-schuetz/yew-d3-example) - Showing a d3 chart with Yew.
+- [Oxfeed](https://github.com/sanpii/oxfeed) - A feed reader written in Rust with a Yew frontend.
+- [Flow.er](https://github.com/LighghtEeloo/flow.er) - A notebook app integrated with todo lists utility. Developed with Rust, WebAssembly, Yew and Trunk.
+- [Fullstack-Rust](https://github.com/vascokk/fullstack-rust) - A Full Stack Rust application (Connect5 game) with Actix-web, Yew, Bulma CSS and Diesel.
+- [Sea_battle](https://github.com/MAE664128/sea_battle) - A simple example of a sea battle game. Rust + Yew.
+- [tide-async-graphql-mongodb](https://github.com/zzy/tide-async-graphql-mongodb) - Clean boilerplate for graphql services, with wasm/yew frontend.
+- [surfer](https://github.com/zzy/surfer) - A blog built on yew + graphql, with [live demo site](https://gaiding.com). Backend for graphql services, and frontend for web application.
+- [qubit](https://abhimanyu003.github.io/qubit) - A handy calculator, based on Rust and WebAssembly. [Live Demo](https://abhimanyu003.github.io/qubit/)
+
+## Templates
+
+- [Create Yew App](https://github.com/jetli/create-yew-app) - Set up a modern Yew web app by running one command, `npx create-yew-app my-app`.
+- [yew-wasm-pack-template](https://github.com/yewstack/yew-wasm-pack-template) - A template for starting a Yew project to be used with wasm-pack.
+- [yew-wasm-pack-minimal](https://github.com/yewstack/yew-wasm-pack-minimal) - A minimal template for starting a Yew project using wasm-bindgen and wasm-pack.
+- [yew-parcel-template](https://github.com/spielrs/yew-parcel-template) - Awesome Yew with Yew-Router and Parcel application.
+
+## Crates
+
+### Component Libraries
+
+- [yew-mdc](https://github.com/dungeonfog/yew-mdc) - Material Design Components for the Yew framework.
+- [muicss-yew](https://github.com/AlephAlpha/muicss-yew) - MUI-CSS Components for Yew framework.
+- [yew-bulma](https://github.com/kellpossible/yew-bulma) - A Rust library providing components based on the bulma css library for projects using Yew.
+- [material-yew](https://github.com/hamza1311/material-yew) - Yew wrapper for Material Web Components.
+- [Yewprint](https://github.com/cecton/yewprint) - Port of blueprintjs.com to Yew.
+- [ybc](https://github.com/thedodd/ybc) - A Yew component library based on the Bulma CSS framework.
+- [patternfly-yew](https://github.com/ctron/patternfly-yew) - Patternfly components for Yew.
+- [yew-feather](https://github.com/pedrodesu/yew-feather) - Feather Icons components for Yew.
+- [tailwind-yew-builder](https://github.com/matiu2/tailwind-yew-builder) - Builds Tailwind CSS for Yew using docker-compose. Also supports Trunk.
+- [yew-components](https://github.com/angular-rust/yew-components) - Material Design Components for the Yew framework.
+
+### Components
+
+- [Yew Form](https://github.com/jfbilodeau/yew_form) - Components to simplify handling forms with Yew.
+- [yew-component-size](https://github.com/AircastDev/yew-component-size) - A Yew component that emits events when the parent component changes width/height.
+- [yew-virtual-scroller](https://github.com/AircastDev/yew-virtual-scroller) - A Yew component for virtual scrolling / scroll windowing.
+
+### Hooks
+
+- [yew-hooks](https://github.com/jetli/yew-hooks) - Custom Hooks library for Yew, inspired by [streamich/react-use](https://github.com/streamich/react-use) and [alibaba/hooks](https://github.com/alibaba/hooks).
+
+### Utils
+
+- [Yewdux](https://github.com/intendednull/yewdux) - Redux-like state containers for Yew apps.
+- [reacty_yew](https://github.com/hobofan/reacty_yew) - Generate Yew components from React components via Typescript type definitions.
+- [styled-yew](https://github.com/IcyDefiance/styled-yew) - CSS in Rust, similar to styled-components, but for Yew.
+- [stylist-rs](https://github.com/futursolo/stylist-rs) - A CSS-in-Rust styling solution for WebAssembly Applications.
+
+### Wasm
+
+- [wasm-bindgen](https://github.com/rustwasm/wasm-bindgen) - Facilitating high-level interactions between WebAssembly modules and JavaScript.
+- [stdweb](https://github.com/koute/stdweb) - Provides Rust bindings to the Web APIs and to allow a high degree of interoperability between Rust and JavaScript.
+
+## Tooling
+
+- [wasm-pack](https://github.com/rustwasm/wasm-pack) - Your favorite Rust -> WebAssembly workflow tool.
+- [wasm-pack-action](https://github.com/jetli/wasm-pack-action) - Github action to install `wasm-pack` by downloading the executable to speed up CI/CD.
+- [wasm-bindgen-action](https://github.com/jetli/wasm-bindgen-action) - Github action to install `wasm-bindgen` by downloading the executable to speed up CI/CD.
+- [cargo-web](https://github.com/koute/cargo-web) - A Cargo subcommand for the client-side Web.
+- [Trunk](https://github.com/thedodd/trunk) - Build, bundle & ship your Rust Wasm application to the web.
+- [trunk-action](https://github.com/jetli/trunk-action) - Github action to install `Trunk` by downloading the executable to speed up CI/CD.
+- [wabt](https://github.com/WebAssembly/wabt) - The WebAssembly Binary Toolkit, for the `wasm-strip` and `wasm-objdump` tools to reduce .wasm file size.
+- [binaryen](https://github.com/WebAssembly/binaryen) - Compiler infrastructure and toolchain library for WebAssembly, for the `wasm-opt` tool to reduce .wasm file size.
+
+## Articles
+
+- [Let's Build a Rust Frontend with Yew](https://dev.to/deciduously/lets-build-a-rust-frontend-with-yew---part-1-3k2o)
+- [How to use Rust Yew](https://www.steadylearner.com/blog/read/How-to-use-Rust-Yew)
+- [How to use a modal in Rust](https://www.steadylearner.com/blog/read/How-to-use-a-modal-in-Rust)
+- [How to use routers in Rust Frontend](https://www.steadylearner.com/blog/read/How-to-use-routers-in-Rust-Frontend)
+- [How to modulize your Rust Frontend](https://www.steadylearner.com/blog/read/How-to-modulize-your-Rust-Frontend)
+- [How to use NPM packages with Rust Frontend](https://www.steadylearner.com/blog/read/How-to-use-NPM-packages-with-Rust-Frontend)
+- [How to use markdown with Rust Frontend](https://www.steadylearner.com/blog/read/How-to-use-markdown-with-Rust-Frontend)
+- [Fullstack Rust with Yew](https://www.steadylearner.com/blog/read/Fullstack-Rust-with-Yew)
+- [How to write Full Stack Rust code](https://www.steadylearner.com/blog/read/How-to-write-Full-Stack-Rust-code)
+- [How to render a YouTube vlog with Rust Yew fetch API](https://www.steadylearner.com/blog/read/How-to-render-a-YouTube-vlog-with-Rust-Yew-fetch-API)
+- [How to render blog posts with Rust Yew mounted API](https://www.steadylearner.com/blog/read/How-to-render-blog-posts-with-Rust-Yew-mounted-API)
+- [A Web Application completely in Rust](https://medium.com/@saschagrunert/a-web-application-completely-in-rust-6f6bdb6c4471)
+- [Yew - Rust & WebAsse-frontend framework](https://sudonull.com/post/11627-Yew-Rust-WebAsse-frontend-framework)
+
+## Books
+
+- [The WebAssembly Book](https://rustwasm.github.io/docs/book/) - Working with the web and producing .wasm files.
+- [The wasm-bindgen Guide](https://rustwasm.github.io/docs/wasm-bindgen/) - How to bind Rust and JavaScript APIs.
+- [The wasm-pack Guide](https://rustwasm.github.io/docs/wasm-pack/) - How to build and work with rust-generated WebAssembly.
+- [Programming WebAssembly with Rust](https://pragprog.com/book/khrust/programming-webassembly-with-rust) - Includes a chapter `Advanced JavaScript Integration with Yew` on creating an app with Yew.
+- [Creative Projects for Rust Programmers](https://www.oreilly.com/library/view/creative-projects-for/9781789346220/) - Chapter 5, `Creating a Client-Side WebAssembly App Using Yew`.
+
+## Alternatives
+
+Yew team love to share ideas with other projects and believe we can all help each other reach the full potential of this exciting new technology.
+
+- [Draco](https://github.com/utkarshkukreti/draco) - A Rust library for building client side web applications with WebAssembly.
+- [Percy](https://github.com/chinedufn/percy) - A modular toolkit for building isomorphic web apps with Rust + WebAssembly.
+- [Sauron](https://github.com/ivanceras/sauron) - Sauron is an HTML web framework for building web-apps.
+- [Seed](https://github.com/seed-rs/seed) - A Rust framework for creating web apps.
+- [Smithy](https://github.com/rbalicki2/smithy) - A framework for building WebAssembly apps in Rust.
+
+## Related lists
+
+- [Awesome Rust and WebAssembly](https://github.com/rustwasm/awesome-rust-and-webassembly) - A list of awesome Rust and WebAssembly projects, libraries, tools, and resources.
+- [Awesome WebAssembly](https://github.com/mbasso/awesome-wasm) - Collection of awesome things regarding WebAssembly ecosystem.
+- [Awesome Rust](https://github.com/rust-unofficial/awesome-rust) - A curated list of Rust code and resources.
+ 
--- a/website/community/external-libs.mdx
+++ b/website/community/external-libs.mdx
@ -1,11 +1,11 @@
 ---
-title: "External libraries"
+title: "Libraries"
 description: "Libraries that can help with Yew development"
 ---

 ## Malvolio

-[Malvolio](https://crates.io/crates/malvolio) is a library with a "builder-syntax" for creating complex HTML documents 
+[Malvolio](https://crates.io/crates/malvolio) is a library with a "builder-syntax" for creating complex HTML documents
 with ease. It runs both on servers (and renders to strings) or in browsers (with Yew).

 ## Weblog
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@ -32,6 +32,13 @@ module.exports = {
          docId: 'getting-started/introduction',
          label: 'Docs',
        },
+        {
+          docsPluginId: 'community',
+          type: 'doc',
+          position: 'left',
+          docId: 'awesome',
+          label: 'Community',
+        },
        {
          href: 'https://docs.rs/yew',
          position: 'right',
@ -106,13 +113,24 @@ module.exports = {
        customCss: require.resolve('./src/css/custom.css'),
      }
    ],
-    ['content-docs',
+    [
+      '@docusaurus/plugin-content-docs',
      {
-        sidebarPath: require.resolve('./sidebars.js'),
+        path: 'docs',
+        sidebarPath: require.resolve('./sidebars/docs.js'),
        editUrl: 'https://github.com/yewstack/yew/blob/master/website/',
        routeBasePath: '/docs',
      }
    ],
+    [
+      '@docusaurus/plugin-content-docs',
+      {
+        id: 'community',
+        path: 'community',
+        sidebarPath: require.resolve('./sidebars/community.js'),
+        routeBasePath: '/community',
+      }
+    ],
    [
      'client-redirects',
      {
--- a/website/i18n/ja/docusaurus-plugin-content-docs-community/current.json
+++ b/website/i18n/ja/docusaurus-plugin-content-docs-community/current.json
@ -0,0 +1,6 @@
+{
+  "version.label": {
+    "message": "Next",
+    "description": "The label for version current"
+  }
+}
--- a/website/i18n/ja/docusaurus-plugin-content-docs-router/current.json
+++ b/website/i18n/ja/docusaurus-plugin-content-docs-router/current.json
@ -0,0 +1,6 @@
+{
+  "version.label": {
+    "message": "Next",
+    "description": "The label for version current"
+  }
+}
--- a/website/i18n/ja/docusaurus-theme-classic/navbar.json
+++ b/website/i18n/ja/docusaurus-theme-classic/navbar.json
@ -14,5 +14,9 @@
  "item.label.GitHub": {
    "message": "GitHub",
    "description": "Navbar item with label GitHub"
+  },
+  "item.label.Community": {
+    "message": "Community",
+    "description": "Navbar item with label Community"
  }
 }
--- a/website/i18n/zh-CN/docusaurus-plugin-content-docs-community/current.json
+++ b/website/i18n/zh-CN/docusaurus-plugin-content-docs-community/current.json
@ -0,0 +1,6 @@
+{
+  "version.label": {
+    "message": "Next",
+    "description": "The label for version current"
+  }
+}
--- a/website/i18n/zh-CN/docusaurus-plugin-content-docs-router/current.json
+++ b/website/i18n/zh-CN/docusaurus-plugin-content-docs-router/current.json
@ -0,0 +1,6 @@
+{
+  "version.label": {
+    "message": "Next",
+    "description": "The label for version current"
+  }
+}
--- a/website/i18n/zh-CN/docusaurus-theme-classic/navbar.json
+++ b/website/i18n/zh-CN/docusaurus-theme-classic/navbar.json
@ -14,5 +14,9 @@
  "item.label.GitHub": {
    "message": "GitHub",
    "description": "Navbar item with label GitHub"
+  },
+  "item.label.Community": {
+    "message": "Community",
+    "description": "Navbar item with label Community"
  }
 }
--- a/website/i18n/zh-TW/docusaurus-plugin-content-docs-community/current.json
+++ b/website/i18n/zh-TW/docusaurus-plugin-content-docs-community/current.json
@ -0,0 +1,6 @@
+{
+  "version.label": {
+    "message": "Next",
+    "description": "The label for version current"
+  }
+}
--- a/website/i18n/zh-TW/docusaurus-plugin-content-docs-router/current.json
+++ b/website/i18n/zh-TW/docusaurus-plugin-content-docs-router/current.json
@ -0,0 +1,6 @@
+{
+  "version.label": {
+    "message": "Next",
+    "description": "The label for version current"
+  }
+}
--- a/website/i18n/zh-TW/docusaurus-theme-classic/navbar.json
+++ b/website/i18n/zh-TW/docusaurus-theme-classic/navbar.json
@ -14,5 +14,9 @@
  "item.label.GitHub": {
    "message": "GitHub",
    "description": "Navbar item with label GitHub"
+  },
+  "item.label.Community": {
+    "message": "Community",
+    "description": "Navbar item with label Community"
  }
 }
--- a/website/package-lock.json
+++ b/website/package-lock.json
--- a/website/sidebars/community.js
+++ b/website/sidebars/community.js
@ -0,0 +1,12 @@
+/**
+ * Creating a sidebar enables you to:
+ - create an ordered group of docs
+ - render a sidebar for each doc of that group
+ - provide next/previous navigation
+ The sidebars can be generated from the filesystem, or explicitly defined here.
+ Create as many sidebars as you want.
+ */
+
+module.exports = {
+  community: [{type: 'autogenerated', dirName: '.'}],
+};
--- a/website/sidebars/docs.js
+++ b/website/sidebars/docs.js
@ -115,7 +115,6 @@ module.exports = {
      },
      items: [
        "more/debugging",
-        "more/external-libs",
        "more/css",
        "more/testing",
        "more/roadmap",