[Doc] Add community page

docs/Community.md

@@ -0,0 +1,134 @@
+---
+layout: default
+title: "Community"
+---
+
+# Community
+
+Thousands of new react-admin applications are created every month. Many, many developers use react-admin on a day-to-day bais. We're excited that you're a part of this large and friendly community.
+
+We're doing our best to keep it a convivial place where people want to hang out and help/be helped. 
+
+## Support
+
+You can get help from various channels:
+
+### Paid Support
+
+[React-Admin Enterprise Edition](https://marmelab.com/ra-enterprise)<img class="premium" src="./img/premium.svg" style="width: 15px;margin: 0 5px;box-shadow: none;vertical-align:middle"/> includes email support by the core team. Response time is less than 24 hours on work days.
+
+### StackOverflow
+
+The [#react-admin](https://stackoverflow.com/questions/tagged/react-admin) tag counts a large number of questions and answers by the community, so it's a good place to search for answers.
+
+### Discord
+
+The [React-admin Discord Server](https://discord.gg/GeZF9sqh3N) is a great place to have conversations, answer and ask questions, all about react-admin.
+
+<iframe src="https://discord.com/widget?id=830711057643208724&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
+
+## Examples
+
+There are several examples inside [the `examples/` folder](https://github.com/marmelab/react-admin/tree/master/examples):
+
+* **Blog Engine** ([CodeSandbox](https://codesandbox.io/s/github/marmelab/react-admin/tree/master/examples/simple), [StackBlitz](https://stackblitz.com/github/marmelab/react-admin/tree/master/examples/simple?file=src%2Findex.tsx), [source](https://github.com/marmelab/react-admin/tree/master/examples/simple)): Admin for a simple blog with posts, comments and users.
+* **Ecommerce Admin** ([demo](https://marmelab.com/react-admin-demo/), [source](https://github.com/marmelab/react-admin/tree/master/examples/demo)): A fictional poster shop admin with products, invoices, customers, reviews, etc.
+* **CRM** ([demo](https://marmelab.com/react-admin-crm/), [source](https://github.com/marmelab/react-admin/tree/master/examples/crm)): A customer relationship management application, complete with contacts, companies and deals. Designed as a customer-facing B2B app. 
+* **Tutorial** ([CodeSandbox](https://codesandbox.io/s/github/marmelab/react-admin/tree/master/examples/tutorial), [source](https://github.com/marmelab/react-admin/tree/master/examples/tutorial)): The application built while following the [tutorial](./Tutorial.md).
+
+Check out [the Demos page](./Demos.md) for more details.
+
+## Articles & Tutorials
+
+Marmelab is the company that created and sponsors react-admin. The Marmelab blog regularly publishes articles about react-admin.
+
+* [https://marmelab.com/en/blog/#react-admin](https://marmelab.com/en/blog/#react-admin)
+
+Here are some of the tutorials you can find there:
+
+### Creating a Record Related to the Current One
+
+This tutorial explains how to add a button on a show or edit page to create a new resource related to the one displayed.
+
+![Screencast](https://marmelab.com/images/blog/react-admin/react-admin-tutorials-form-for-related-records.gif)
+
+* [Article](https://marmelab.com/blog/2020/09/16/react-admin-tutorials-form-for-related-records.html)
+* [Codesandbox](https://codesandbox.io/s/2393m2k5rj)
+
+### Custom Forms and UI for related records
+
+This tutorial explains how to have a `create`, `show` or `edit` view of a referenced resource inside a modal or a sliding side panel.
+
+![Screencast](https://marmelab.com/dd58004986d3bb98a32972ba8fd25fc8/screencast.gif)
+
+* [Article](https://marmelab.com/blog/2020/04/27/react-admin-tutorials-custom-forms-related-records.html)
+* [Codesandbox](https://codesandbox.io/s/react-admin-v3-advanced-recipes-quick-createpreview-voyci)
+
+### Build a Timeline as a replacement for a List component
+
+This tutorial shows how to use pure react to implement a custom component replacing react-admin default List.
+
+![Screencast](https://marmelab.com/d9b4cf0e7faf3ed208c102f8b2334409/storybook_App5.gif)
+
+* [Article](https://marmelab.com/blog/2019/01/17/react-timeline.html)
+* [Repository](https://github.com/marmelab/timeline-react-admin)
+
+### Creating and Editing a Record From the List Page
+
+This tutorial shows how to display Creation and Edition forms in a drawer or a dialog from the List page.
+
+![Screencast](https://marmelab.com/07b25da5494055c4306dd7e7a48fd010/end-result.gif)
+
+* [Article](https://marmelab.com/blog/2019/02/07/react-admin-advanced-recipes-creating-and-editing-a-record-from-the-list-page.html)
+* [Codesandbox](https://codesandbox.io/s/lrm6kl00nl)
+
+### Add a User Profile Page
+
+This tutorial explains how to create a profile page based on an `<Edit>` component, and accessible as a standalone page.
+
+![Screencast](https://marmelab.com/668056e9d8273ff5ce75dfc641151a90/end_result.gif)
+
+* [Article](https://marmelab.com/blog/2019/03/07/react-admin-advanced-recipes-user-profile.html)
+* [Codesandbox](https://codesandbox.io/s/o1jmj4lwv9)
+
+### Supplying your own Defaults to React Admin
+
+This article shows how you can customize many parts of the framework without repeating yourself.
+
+![Screencast](https://marmelab.com/54d42faced9043f7933df212cbda0f1b/react-admin-edit-defaults.gif)
+
+* [Article](https://marmelab.com/blog/2019/03/27/supplying-your-own-defaults-to-react-admin.html)
+* [Codesandbox](https://codesandbox.io/s/qzxx4mjl59)
+
+### OpenID Connect Authentication with React Admin
+
+![OpenID Connect on React Admin with a button "Login With Google"](./img/openid-connect-example.png)
+
+* [Live Example](https://marmelab.com/ra-example-oauth)
+* [Code Repository](https://github.com/marmelab/ra-example-oauth)
+
+### Changing The Look And Feel Of React-Admin Without JSX
+
+This article shows how to customize react-admin look and feel using only the MUI theme.
+
+![Screencast](https://marmelab.com/097bee867a1d1dc55dec5456732fe94a/screencast.gif)
+
+* [Article](https://marmelab.com/blog/2020/09/11/react-admin-tutorials-build-your-own-theme.html)
+* [Code Repository](https://github.com/Luwangel/react-admin-tutorials-build-your-own-theme)
+
+
+## Contributing
+
+If you want to give a hand: Thank you! There are many things you can do to help making react-admin better. 
+
+The easiest task is **bug triaging**. Check that new issues on GitHub follow the issue template and give a way to reproduce the issue. If not, comment on the issue to ask precisions. Then, try and reproduce the issue following the description. If you managed to reproduce the issue, add a comment to say it. Otherwise, add a comment to say that something is missing. 
+
+The second way to contribute is to **answer support questions on [StackOverflow](https://stackoverflow.com/questions/tagged/react-admin) and [Discord](https://discord.com/channels/830711057643208724/1022443113391853578)**. There are many beginner questions there, so even if you're not super experienced with react-admin, there is someone you can help there. 
+
+Pull requests for **bug fixes** are welcome on the [GitHub repository](https://github.com/marmelab/react-admin). There is always a bunch of [issues labeled "Good First Issue"](https://github.com/marmelab/react-admin/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22) in the bug tracker - start with these. 
+
+If you want to **add a feature**, you can open a Pull request on the `next` branch. We don't accept all features - we try to keep the react-admin code small and manageable. Try and see if your feature can't be built as an additional `npm` package. If you're in doubt, open a "Feature Request" issue to see if the core team would accept your feature before developing it.
+
+For all Pull requests, you must follow the coding style of the existing files (based on [prettier](https://github.com/prettier/prettier)), and include unit tests and documentation. Be prepared for a thorough code review, and be patient for the merge - this is an open-source initiative.
+
+**Tip**: Most of the commands used by the react-admin developers are automated in the `makefile`. Feel free to type `make` without argument to see a list of the available commands. 

docs/navigation.html

@@ -1,5 +1,6 @@
 <li><a class="nav-link external" href="https://github.com/marmelab/react-admin/releases" target="_blank">What's new?</a></li>
 <li {% if page.path == 'Upgrade.md' %} class="active" {% endif %}><a class="nav-link" href="./Upgrade.html">Upgrading to v4</a></li>
+<li {% if page.path == 'Community.md' %} class="active" {% endif %}><a class="nav-link" href="./Community.html">Community</a></li>
 
 <ul><div>Getting Started</div>
   <li {% if page.path == 'Tutorial.md' %} class="active" {% endif %}><a class="nav-link" href="./Tutorial.html">Tutorial</a></li>