[docs] Bootstrap docs/landing page site

.gitignore

@@ -33,6 +33,10 @@ yarn-error.log*
 # vercel
 .vercel
 
+# docs
+
+/docs/export
+
 lerna-debug.log
 
 .env

README.md

@@ -20,7 +20,7 @@ Quickly build internal tools. MUI Toolpad is a self-hosted low-code internal too
 
 </div>
 
-![Editor screenshot](./docs/images/hero-screenshot.png)
+![Editor screenshot](./docs/public/static/toolpad/hero-screenshot.png)
 
 ## Notice
 

docs/README.md

@@ -1,10 +1,23 @@
-# MUI Toolpad
+# MUI X docs
 
-Low code tool, for developers, powered by MUI.
+This is the documentation website of MUI X.
 
-## Table of contents
+To start the docs site in development mode, from the project root, run:
 
-- [Setup instructions](./setup.md)
-- [Getting started](./getting-started.md)
-- Datasources
- - [Google Sheets](./google-sheets.md)
+```sh
+yarn && yarn docs:dev
+```
+
+If you do not have yarn installed, select your OS and follow the instructions on the [Yarn website](https://yarnpkg.com/lang/en/docs/install/#mac-stable).
+
+_DO NOT USE NPM, use Yarn to install the dependencies._
+
+## How can I add a new demo to the documentation?
+
+[You can follow this guide](https://github.com/mui/material-ui/blob/HEAD/CONTRIBUTING.md)
+on how to get started contributing to MUI.
+
+## How do I help to improve the translations?
+
+Please visit https://translate.mui.com/ where you will be able to select a language and edit the translations.
+Please don't submit pull requests directly.

docs/babel.config.js

@@ -0,0 +1,41 @@
+const fse = require('fs-extra');
+
+const { version: transformRuntimeVersion } = fse.readJSONSync(
+ require.resolve('@babel/runtime-corejs2/package.json'),
+);
+
+module.exports = {
+ presets: [
+ // backport of https://github.com/zeit/next.js/pull/9511
+ ['next/babel', { 'transform-runtime': { corejs: 2, version: transformRuntimeVersion } }],
+ ],
+ plugins: [
+ [
+ 'babel-plugin-transform-rename-import',
+ {
+ replacements: [{ original: '@mui/utils/macros/MuiError.macro', replacement: 'react' }],
+ },
+ ],
+ 'babel-plugin-optimize-clsx',
+ // for IE 11 support
+ '@babel/plugin-transform-object-assign',
+ 'babel-plugin-preval',
+ ],
+ ignore: [
+ // Fix a Windows issue.
+ /@babel[\\|/]runtime/,
+ // Fix const foo = /{{(.+?)}}/gs; crashing.
+ /prettier/,
+ /@mui[\\|/]docs[\\|/]markdown/,
+ ],
+ env: {
+ production: {
+ plugins: [
+ // TODO fix useGridSelector side effect and enable back.
+ // '@babel/plugin-transform-react-constant-elements',
+ ['babel-plugin-react-remove-properties', { properties: ['data-mui-test'] }],
+ ['babel-plugin-transform-react-remove-prop-types', { mode: 'remove' }],
+ ],
+ },
+ },
+};