diff --git a/.github/workflows/beta_site_lint.yml b/.github/workflows/beta_site_lint.yml
index a9cacd7f084..ab69c8ea163 100644
--- a/.github/workflows/beta_site_lint.yml
+++ b/.github/workflows/beta_site_lint.yml
@@ -11,14 +11,14 @@ jobs:
lint:
runs-on: ubuntu-latest
- name: Lint on node 12.x and ubuntu-latest
+ name: Lint on node 14.x and ubuntu-latest
steps:
- uses: actions/checkout@v1
- - name: Use Node.js 12.x
+ - name: Use Node.js 14.x
uses: actions/setup-node@v1
with:
- node-version: 12.x
+ node-version: 14.17.x
- name: Install deps and build (with cache)
uses: bahmutov/npm-install@v1.7.10
diff --git a/beta/.nvmrc b/beta/.nvmrc
new file mode 100644
index 00000000000..e81c02600c7
--- /dev/null
+++ b/beta/.nvmrc
@@ -0,0 +1 @@
+14.17.0
\ No newline at end of file
diff --git a/beta/package.json b/beta/package.json
index af88884e7c6..0ebeb85db77 100644
--- a/beta/package.json
+++ b/beta/package.json
@@ -27,6 +27,7 @@
"@docsearch/react": "3.0.0-alpha.41",
"@headlessui/react": "^1.7.0",
"body-scroll-lock": "^3.1.3",
+ "chrome-aws-lambda": "^10.1.0",
"classnames": "^2.2.6",
"date-fns": "^2.16.1",
"debounce": "^1.2.1",
@@ -35,6 +36,7 @@
"next": "12.1.7-canary.11",
"next-remote-watch": "^1.0.0",
"parse-numeric-range": "^1.2.0",
+ "puppeteer-core": "17.1.1",
"react": "0.0.0-experimental-82c64e1a4-20220520",
"react-collapsed": "npm:@gaearon/react-collapsed@3.1.0-forked.1",
"react-dom": "0.0.0-experimental-82c64e1a4-20220520"
diff --git a/beta/public/images/ogassets/a--b--b--a.png b/beta/public/images/ogassets/a--b--b--a.png
new file mode 100644
index 00000000000..759d57d299a
Binary files /dev/null and b/beta/public/images/ogassets/a--b--b--a.png differ
diff --git a/beta/public/images/ogassets/acknowledgements.png b/beta/public/images/ogassets/acknowledgements.png
new file mode 100644
index 00000000000..2d06f1e499b
Binary files /dev/null and b/beta/public/images/ogassets/acknowledgements.png differ
diff --git a/beta/public/images/ogassets/add-react-to-a-website.png b/beta/public/images/ogassets/add-react-to-a-website.png
new file mode 100644
index 00000000000..74eca1fd6e2
Binary files /dev/null and b/beta/public/images/ogassets/add-react-to-a-website.png differ
diff --git a/beta/public/images/ogassets/adding-interactivity.png b/beta/public/images/ogassets/adding-interactivity.png
new file mode 100644
index 00000000000..2292131cc2e
Binary files /dev/null and b/beta/public/images/ogassets/adding-interactivity.png differ
diff --git a/beta/public/images/ogassets/behind-the-scenes-improving-the-repository-infrastructure.png b/beta/public/images/ogassets/behind-the-scenes-improving-the-repository-infrastructure.png
new file mode 100644
index 00000000000..a955052bc5d
Binary files /dev/null and b/beta/public/images/ogassets/behind-the-scenes-improving-the-repository-infrastructure.png differ
diff --git a/beta/public/images/ogassets/building-great-user-experiences-with-concurrent-mode-and-suspense.png b/beta/public/images/ogassets/building-great-user-experiences-with-concurrent-mode-and-suspense.png
new file mode 100644
index 00000000000..c00cc19613b
Binary files /dev/null and b/beta/public/images/ogassets/building-great-user-experiences-with-concurrent-mode-and-suspense.png differ
diff --git a/beta/public/images/ogassets/building-the-facebook-news-feed-with-relay.png b/beta/public/images/ogassets/building-the-facebook-news-feed-with-relay.png
new file mode 100644
index 00000000000..7f9c5a78680
Binary files /dev/null and b/beta/public/images/ogassets/building-the-facebook-news-feed-with-relay.png differ
diff --git a/beta/public/images/ogassets/choosing-the-state-structure.png b/beta/public/images/ogassets/choosing-the-state-structure.png
new file mode 100644
index 00000000000..65a9ccbe45d
Binary files /dev/null and b/beta/public/images/ogassets/choosing-the-state-structure.png differ
diff --git a/beta/public/images/ogassets/cloneelement.png b/beta/public/images/ogassets/cloneelement.png
new file mode 100644
index 00000000000..20481d99699
Binary files /dev/null and b/beta/public/images/ogassets/cloneelement.png differ
diff --git a/beta/public/images/ogassets/community-round-up-1.png b/beta/public/images/ogassets/community-round-up-1.png
new file mode 100644
index 00000000000..0183ab52d99
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-1.png differ
diff --git a/beta/public/images/ogassets/community-round-up-10.png b/beta/public/images/ogassets/community-round-up-10.png
new file mode 100644
index 00000000000..1f162104bc0
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-10.png differ
diff --git a/beta/public/images/ogassets/community-round-up-11.png b/beta/public/images/ogassets/community-round-up-11.png
new file mode 100644
index 00000000000..68d35b7c26d
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-11.png differ
diff --git a/beta/public/images/ogassets/community-round-up-12.png b/beta/public/images/ogassets/community-round-up-12.png
new file mode 100644
index 00000000000..5d340e090f0
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-12.png differ
diff --git a/beta/public/images/ogassets/community-round-up-13.png b/beta/public/images/ogassets/community-round-up-13.png
new file mode 100644
index 00000000000..ec2e0d29736
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-13.png differ
diff --git a/beta/public/images/ogassets/community-round-up-14.png b/beta/public/images/ogassets/community-round-up-14.png
new file mode 100644
index 00000000000..aa9202b41b8
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-14.png differ
diff --git a/beta/public/images/ogassets/community-round-up-15.png b/beta/public/images/ogassets/community-round-up-15.png
new file mode 100644
index 00000000000..e0d82fee556
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-15.png differ
diff --git a/beta/public/images/ogassets/community-round-up-16.png b/beta/public/images/ogassets/community-round-up-16.png
new file mode 100644
index 00000000000..e8e47d5a69f
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-16.png differ
diff --git a/beta/public/images/ogassets/community-round-up-17.png b/beta/public/images/ogassets/community-round-up-17.png
new file mode 100644
index 00000000000..98101fcc0d6
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-17.png differ
diff --git a/beta/public/images/ogassets/community-round-up-18.png b/beta/public/images/ogassets/community-round-up-18.png
new file mode 100644
index 00000000000..db97688c3f0
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-18.png differ
diff --git a/beta/public/images/ogassets/community-round-up-19.png b/beta/public/images/ogassets/community-round-up-19.png
new file mode 100644
index 00000000000..acd7887f2ef
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-19.png differ
diff --git a/beta/public/images/ogassets/community-round-up-2.png b/beta/public/images/ogassets/community-round-up-2.png
new file mode 100644
index 00000000000..fb3b7f8317a
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-2.png differ
diff --git a/beta/public/images/ogassets/community-round-up-20.png b/beta/public/images/ogassets/community-round-up-20.png
new file mode 100644
index 00000000000..df64f9c533c
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-20.png differ
diff --git a/beta/public/images/ogassets/community-round-up-21.png b/beta/public/images/ogassets/community-round-up-21.png
new file mode 100644
index 00000000000..d8ac2ce4bcd
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-21.png differ
diff --git a/beta/public/images/ogassets/community-round-up-22.png b/beta/public/images/ogassets/community-round-up-22.png
new file mode 100644
index 00000000000..a40ed9e7712
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-22.png differ
diff --git a/beta/public/images/ogassets/community-round-up-23.png b/beta/public/images/ogassets/community-round-up-23.png
new file mode 100644
index 00000000000..9a40273e2f2
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-23.png differ
diff --git a/beta/public/images/ogassets/community-round-up-24.png b/beta/public/images/ogassets/community-round-up-24.png
new file mode 100644
index 00000000000..0db283f0671
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-24.png differ
diff --git a/beta/public/images/ogassets/community-round-up-25.png b/beta/public/images/ogassets/community-round-up-25.png
new file mode 100644
index 00000000000..3217727d9b0
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-25.png differ
diff --git a/beta/public/images/ogassets/community-round-up-26.png b/beta/public/images/ogassets/community-round-up-26.png
new file mode 100644
index 00000000000..71817235bf6
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-26.png differ
diff --git a/beta/public/images/ogassets/community-round-up-27--relay-edition.png b/beta/public/images/ogassets/community-round-up-27--relay-edition.png
new file mode 100644
index 00000000000..289701d77eb
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-27--relay-edition.png differ
diff --git a/beta/public/images/ogassets/community-round-up-3.png b/beta/public/images/ogassets/community-round-up-3.png
new file mode 100644
index 00000000000..929c6db2223
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-3.png differ
diff --git a/beta/public/images/ogassets/community-round-up-4.png b/beta/public/images/ogassets/community-round-up-4.png
new file mode 100644
index 00000000000..598a4e70d41
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-4.png differ
diff --git a/beta/public/images/ogassets/community-round-up-5.png b/beta/public/images/ogassets/community-round-up-5.png
new file mode 100644
index 00000000000..2e5d58c3c28
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-5.png differ
diff --git a/beta/public/images/ogassets/community-round-up-6.png b/beta/public/images/ogassets/community-round-up-6.png
new file mode 100644
index 00000000000..7e5fcef4fc5
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-6.png differ
diff --git a/beta/public/images/ogassets/community-round-up-7.png b/beta/public/images/ogassets/community-round-up-7.png
new file mode 100644
index 00000000000..6dc9dd1f293
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-7.png differ
diff --git a/beta/public/images/ogassets/community-round-up-8.png b/beta/public/images/ogassets/community-round-up-8.png
new file mode 100644
index 00000000000..ca042de0dd9
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-8.png differ
diff --git a/beta/public/images/ogassets/community-round-up-9.png b/beta/public/images/ogassets/community-round-up-9.png
new file mode 100644
index 00000000000..31fcc34938d
Binary files /dev/null and b/beta/public/images/ogassets/community-round-up-9.png differ
diff --git a/beta/public/images/ogassets/community.png b/beta/public/images/ogassets/community.png
new file mode 100644
index 00000000000..0f8940238fc
Binary files /dev/null and b/beta/public/images/ogassets/community.png differ
diff --git a/beta/public/images/ogassets/conditional-rendering.png b/beta/public/images/ogassets/conditional-rendering.png
new file mode 100644
index 00000000000..f0ef03bd3dc
Binary files /dev/null and b/beta/public/images/ogassets/conditional-rendering.png differ
diff --git a/beta/public/images/ogassets/create-apps-with-no-configuration.png b/beta/public/images/ogassets/create-apps-with-no-configuration.png
new file mode 100644
index 00000000000..79eaa3ca8f7
Binary files /dev/null and b/beta/public/images/ogassets/create-apps-with-no-configuration.png differ
diff --git a/beta/public/images/ogassets/create-react-app-20-babel7-sass-and-more.png b/beta/public/images/ogassets/create-react-app-20-babel7-sass-and-more.png
new file mode 100644
index 00000000000..6a815980564
Binary files /dev/null and b/beta/public/images/ogassets/create-react-app-20-babel7-sass-and-more.png differ
diff --git a/beta/public/images/ogassets/createcontext.png b/beta/public/images/ogassets/createcontext.png
new file mode 100644
index 00000000000..fa21b6836b0
Binary files /dev/null and b/beta/public/images/ogassets/createcontext.png differ
diff --git a/beta/public/images/ogassets/createelement.png b/beta/public/images/ogassets/createelement.png
new file mode 100644
index 00000000000..1f368b2a999
Binary files /dev/null and b/beta/public/images/ogassets/createelement.png differ
diff --git a/beta/public/images/ogassets/createfactory.png b/beta/public/images/ogassets/createfactory.png
new file mode 100644
index 00000000000..d839139b7e4
Binary files /dev/null and b/beta/public/images/ogassets/createfactory.png differ
diff --git a/beta/public/images/ogassets/createportal.png b/beta/public/images/ogassets/createportal.png
new file mode 100644
index 00000000000..684ad527e53
Binary files /dev/null and b/beta/public/images/ogassets/createportal.png differ
diff --git a/beta/public/images/ogassets/createref.png b/beta/public/images/ogassets/createref.png
new file mode 100644
index 00000000000..e8c1ce053e0
Binary files /dev/null and b/beta/public/images/ogassets/createref.png differ
diff --git a/beta/public/images/ogassets/createroot.png b/beta/public/images/ogassets/createroot.png
new file mode 100644
index 00000000000..60dd9e8eb05
Binary files /dev/null and b/beta/public/images/ogassets/createroot.png differ
diff --git a/beta/public/images/ogassets/deprecating-jstransform-and-react-tools.png b/beta/public/images/ogassets/deprecating-jstransform-and-react-tools.png
new file mode 100644
index 00000000000..f6009004a5e
Binary files /dev/null and b/beta/public/images/ogassets/deprecating-jstransform-and-react-tools.png differ
diff --git a/beta/public/images/ogassets/describing-the-ui.png b/beta/public/images/ogassets/describing-the-ui.png
new file mode 100644
index 00000000000..5af4b7fe61b
Binary files /dev/null and b/beta/public/images/ogassets/describing-the-ui.png differ
diff --git a/beta/public/images/ogassets/discontinuing-ie8-support-in-reactdom.png b/beta/public/images/ogassets/discontinuing-ie8-support-in-reactdom.png
new file mode 100644
index 00000000000..92f0a22b4c2
Binary files /dev/null and b/beta/public/images/ogassets/discontinuing-ie8-support-in-reactdom.png differ
diff --git a/beta/public/images/ogassets/dom-attributes-in-react-16.png b/beta/public/images/ogassets/dom-attributes-in-react-16.png
new file mode 100644
index 00000000000..acdb98127e9
Binary files /dev/null and b/beta/public/images/ogassets/dom-attributes-in-react-16.png differ
diff --git a/beta/public/images/ogassets/editor-setup.png b/beta/public/images/ogassets/editor-setup.png
new file mode 100644
index 00000000000..4bbf4eda676
Binary files /dev/null and b/beta/public/images/ogassets/editor-setup.png differ
diff --git a/beta/public/images/ogassets/error-handling-in-react-16.png b/beta/public/images/ogassets/error-handling-in-react-16.png
new file mode 100644
index 00000000000..35daea65254
Binary files /dev/null and b/beta/public/images/ogassets/error-handling-in-react-16.png differ
diff --git a/beta/public/images/ogassets/escape-hatches.png b/beta/public/images/ogassets/escape-hatches.png
new file mode 100644
index 00000000000..69bcd73bb13
Binary files /dev/null and b/beta/public/images/ogassets/escape-hatches.png differ
diff --git a/beta/public/images/ogassets/extracting-state-logic-into-a-reducer.png b/beta/public/images/ogassets/extracting-state-logic-into-a-reducer.png
new file mode 100644
index 00000000000..692a95773b6
Binary files /dev/null and b/beta/public/images/ogassets/extracting-state-logic-into-a-reducer.png differ
diff --git a/beta/public/images/ogassets/finddomnode.png b/beta/public/images/ogassets/finddomnode.png
new file mode 100644
index 00000000000..574ba5e7b33
Binary files /dev/null and b/beta/public/images/ogassets/finddomnode.png differ
diff --git a/beta/public/images/ogassets/flushsync.png b/beta/public/images/ogassets/flushsync.png
new file mode 100644
index 00000000000..f94662f0324
Binary files /dev/null and b/beta/public/images/ogassets/flushsync.png differ
diff --git a/beta/public/images/ogassets/flux-actions-and-the-dispatcher.png b/beta/public/images/ogassets/flux-actions-and-the-dispatcher.png
new file mode 100644
index 00000000000..b318863cd13
Binary files /dev/null and b/beta/public/images/ogassets/flux-actions-and-the-dispatcher.png differ
diff --git a/beta/public/images/ogassets/flux-an-application-architecture-for-react.png b/beta/public/images/ogassets/flux-an-application-architecture-for-react.png
new file mode 100644
index 00000000000..032f33131ed
Binary files /dev/null and b/beta/public/images/ogassets/flux-an-application-architecture-for-react.png differ
diff --git a/beta/public/images/ogassets/forwardref.png b/beta/public/images/ogassets/forwardref.png
new file mode 100644
index 00000000000..92a4687365e
Binary files /dev/null and b/beta/public/images/ogassets/forwardref.png differ
diff --git a/beta/public/images/ogassets/graphql-introduction.png b/beta/public/images/ogassets/graphql-introduction.png
new file mode 100644
index 00000000000..bf606286e41
Binary files /dev/null and b/beta/public/images/ogassets/graphql-introduction.png differ
diff --git a/beta/public/images/ogassets/hydrate.png b/beta/public/images/ogassets/hydrate.png
new file mode 100644
index 00000000000..243bc612a8b
Binary files /dev/null and b/beta/public/images/ogassets/hydrate.png differ
diff --git a/beta/public/images/ogassets/hydrateroot.png b/beta/public/images/ogassets/hydrateroot.png
new file mode 100644
index 00000000000..845a4327071
Binary files /dev/null and b/beta/public/images/ogassets/hydrateroot.png differ
diff --git a/beta/public/images/ogassets/importing-and-exporting-components.png b/beta/public/images/ogassets/importing-and-exporting-components.png
new file mode 100644
index 00000000000..bc1baf9e527
Binary files /dev/null and b/beta/public/images/ogassets/importing-and-exporting-components.png differ
diff --git a/beta/public/images/ogassets/installation.png b/beta/public/images/ogassets/installation.png
new file mode 100644
index 00000000000..116cbb373e4
Binary files /dev/null and b/beta/public/images/ogassets/installation.png differ
diff --git a/beta/public/images/ogassets/introducing-react-elements.png b/beta/public/images/ogassets/introducing-react-elements.png
new file mode 100644
index 00000000000..2d764e1757e
Binary files /dev/null and b/beta/public/images/ogassets/introducing-react-elements.png differ
diff --git a/beta/public/images/ogassets/introducing-react-native.png b/beta/public/images/ogassets/introducing-react-native.png
new file mode 100644
index 00000000000..863718cc0eb
Binary files /dev/null and b/beta/public/images/ogassets/introducing-react-native.png differ
diff --git a/beta/public/images/ogassets/introducing-reacts-error-code-system.png b/beta/public/images/ogassets/introducing-reacts-error-code-system.png
new file mode 100644
index 00000000000..0d06b5037b5
Binary files /dev/null and b/beta/public/images/ogassets/introducing-reacts-error-code-system.png differ
diff --git a/beta/public/images/ogassets/introducing-relay-and-graphql.png b/beta/public/images/ogassets/introducing-relay-and-graphql.png
new file mode 100644
index 00000000000..6bbf3b4e419
Binary files /dev/null and b/beta/public/images/ogassets/introducing-relay-and-graphql.png differ
diff --git a/beta/public/images/ogassets/introducing-the-jsx-specification.png b/beta/public/images/ogassets/introducing-the-jsx-specification.png
new file mode 100644
index 00000000000..201e71679f3
Binary files /dev/null and b/beta/public/images/ogassets/introducing-the-jsx-specification.png differ
diff --git a/beta/public/images/ogassets/introducing-the-new-react-devtools.png b/beta/public/images/ogassets/introducing-the-new-react-devtools.png
new file mode 100644
index 00000000000..ee34dcbf7ce
Binary files /dev/null and b/beta/public/images/ogassets/introducing-the-new-react-devtools.png differ
diff --git a/beta/public/images/ogassets/introducing-the-react-profiler.png b/beta/public/images/ogassets/introducing-the-react-profiler.png
new file mode 100644
index 00000000000..23e22419f0b
Binary files /dev/null and b/beta/public/images/ogassets/introducing-the-react-profiler.png differ
diff --git a/beta/public/images/ogassets/introducing-the-react-rfc-process.png b/beta/public/images/ogassets/introducing-the-react-rfc-process.png
new file mode 100644
index 00000000000..1e0ea0e0aa3
Binary files /dev/null and b/beta/public/images/ogassets/introducing-the-react-rfc-process.png differ
diff --git "a/beta/public/images/ogassets/is-react-translated-yet-s\303\255-sim-\343\201\257\343\201\204.png" "b/beta/public/images/ogassets/is-react-translated-yet-s\303\255-sim-\343\201\257\343\201\204.png"
new file mode 100644
index 00000000000..ba42b8ac7ba
Binary files /dev/null and "b/beta/public/images/ogassets/is-react-translated-yet-s\303\255-sim-\343\201\257\343\201\204.png" differ
diff --git a/beta/public/images/ogassets/ismounted-is-an-antipattern.png b/beta/public/images/ogassets/ismounted-is-an-antipattern.png
new file mode 100644
index 00000000000..81dc09cf702
Binary files /dev/null and b/beta/public/images/ogassets/ismounted-is-an-antipattern.png differ
diff --git a/beta/public/images/ogassets/isvalidelement.png b/beta/public/images/ogassets/isvalidelement.png
new file mode 100644
index 00000000000..ae1e827ed12
Binary files /dev/null and b/beta/public/images/ogassets/isvalidelement.png differ
diff --git a/beta/public/images/ogassets/javascript-in-jsx-with-curly-braces.png b/beta/public/images/ogassets/javascript-in-jsx-with-curly-braces.png
new file mode 100644
index 00000000000..ddb14fed8ef
Binary files /dev/null and b/beta/public/images/ogassets/javascript-in-jsx-with-curly-braces.png differ
diff --git a/beta/public/images/ogassets/jsfiddle-integration.png b/beta/public/images/ogassets/jsfiddle-integration.png
new file mode 100644
index 00000000000..19a66ff2339
Binary files /dev/null and b/beta/public/images/ogassets/jsfiddle-integration.png differ
diff --git a/beta/public/images/ogassets/keeping-components-pure.png b/beta/public/images/ogassets/keeping-components-pure.png
new file mode 100644
index 00000000000..81f8ed31e98
Binary files /dev/null and b/beta/public/images/ogassets/keeping-components-pure.png differ
diff --git a/beta/public/images/ogassets/lazy.png b/beta/public/images/ogassets/lazy.png
new file mode 100644
index 00000000000..e849e8a22d2
Binary files /dev/null and b/beta/public/images/ogassets/lazy.png differ
diff --git a/beta/public/images/ogassets/lifecycle-of-reactive-effects.png b/beta/public/images/ogassets/lifecycle-of-reactive-effects.png
new file mode 100644
index 00000000000..ce939fbe7ea
Binary files /dev/null and b/beta/public/images/ogassets/lifecycle-of-reactive-effects.png differ
diff --git a/beta/public/images/ogassets/managing-state.png b/beta/public/images/ogassets/managing-state.png
new file mode 100644
index 00000000000..8601420bc93
Binary files /dev/null and b/beta/public/images/ogassets/managing-state.png differ
diff --git a/beta/public/images/ogassets/manipulating-the-dom-with-refs.png b/beta/public/images/ogassets/manipulating-the-dom-with-refs.png
new file mode 100644
index 00000000000..badd73c428d
Binary files /dev/null and b/beta/public/images/ogassets/manipulating-the-dom-with-refs.png differ
diff --git a/beta/public/images/ogassets/mixins-considered-harmful.png b/beta/public/images/ogassets/mixins-considered-harmful.png
new file mode 100644
index 00000000000..2e02f49f13f
Binary files /dev/null and b/beta/public/images/ogassets/mixins-considered-harmful.png differ
diff --git a/beta/public/images/ogassets/new-in-react-v04-autobind-by-default.png b/beta/public/images/ogassets/new-in-react-v04-autobind-by-default.png
new file mode 100644
index 00000000000..dfbd44e6a72
Binary files /dev/null and b/beta/public/images/ogassets/new-in-react-v04-autobind-by-default.png differ
diff --git a/beta/public/images/ogassets/new-in-react-v04-prop-validation-and-default-values.png b/beta/public/images/ogassets/new-in-react-v04-prop-validation-and-default-values.png
new file mode 100644
index 00000000000..2b910102ec3
Binary files /dev/null and b/beta/public/images/ogassets/new-in-react-v04-prop-validation-and-default-values.png differ
diff --git a/beta/public/images/ogassets/new-react-developer-tools.png b/beta/public/images/ogassets/new-react-developer-tools.png
new file mode 100644
index 00000000000..7fa3d2397ca
Binary files /dev/null and b/beta/public/images/ogassets/new-react-developer-tools.png differ
diff --git a/beta/public/images/ogassets/new-react-devtools-beta.png b/beta/public/images/ogassets/new-react-devtools-beta.png
new file mode 100644
index 00000000000..38bf8e7c7f6
Binary files /dev/null and b/beta/public/images/ogassets/new-react-devtools-beta.png differ
diff --git a/beta/public/images/ogassets/new-versioning-scheme.png b/beta/public/images/ogassets/new-versioning-scheme.png
new file mode 100644
index 00000000000..233286ea7ee
Binary files /dev/null and b/beta/public/images/ogassets/new-versioning-scheme.png differ
diff --git a/beta/public/images/ogassets/one-year-of-open-source-react.png b/beta/public/images/ogassets/one-year-of-open-source-react.png
new file mode 100644
index 00000000000..d801c1ceba7
Binary files /dev/null and b/beta/public/images/ogassets/one-year-of-open-source-react.png differ
diff --git a/beta/public/images/ogassets/our-first-50000-stars.png b/beta/public/images/ogassets/our-first-50000-stars.png
new file mode 100644
index 00000000000..7117eb90fc2
Binary files /dev/null and b/beta/public/images/ogassets/our-first-50000-stars.png differ
diff --git a/beta/public/images/ogassets/passing-data-deeply-with-context.png b/beta/public/images/ogassets/passing-data-deeply-with-context.png
new file mode 100644
index 00000000000..df4c5bff32b
Binary files /dev/null and b/beta/public/images/ogassets/passing-data-deeply-with-context.png differ
diff --git a/beta/public/images/ogassets/passing-props-to-a-component.png b/beta/public/images/ogassets/passing-props-to-a-component.png
new file mode 100644
index 00000000000..ea66a4bb875
Binary files /dev/null and b/beta/public/images/ogassets/passing-props-to-a-component.png differ
diff --git a/beta/public/images/ogassets/preparing-for-the-future-with-react-prereleases.png b/beta/public/images/ogassets/preparing-for-the-future-with-react-prereleases.png
new file mode 100644
index 00000000000..34b11806302
Binary files /dev/null and b/beta/public/images/ogassets/preparing-for-the-future-with-react-prereleases.png differ
diff --git a/beta/public/images/ogassets/preserving-and-resetting-state.png b/beta/public/images/ogassets/preserving-and-resetting-state.png
new file mode 100644
index 00000000000..99b0fcf95c5
Binary files /dev/null and b/beta/public/images/ogassets/preserving-and-resetting-state.png differ
diff --git a/beta/public/images/ogassets/queueing-a-series-of-state-updates.png b/beta/public/images/ogassets/queueing-a-series-of-state-updates.png
new file mode 100644
index 00000000000..3afe08d008f
Binary files /dev/null and b/beta/public/images/ogassets/queueing-a-series-of-state-updates.png differ
diff --git a/beta/public/images/ogassets/quick-start.png b/beta/public/images/ogassets/quick-start.png
new file mode 100644
index 00000000000..d3bc1aac29f
Binary files /dev/null and b/beta/public/images/ogassets/quick-start.png differ
diff --git a/beta/public/images/ogassets/react-16x-roadmap.png b/beta/public/images/ogassets/react-16x-roadmap.png
new file mode 100644
index 00000000000..69f8657458c
Binary files /dev/null and b/beta/public/images/ogassets/react-16x-roadmap.png differ
diff --git a/beta/public/images/ogassets/react-apis.png b/beta/public/images/ogassets/react-apis.png
new file mode 100644
index 00000000000..63d63bdc1d8
Binary files /dev/null and b/beta/public/images/ogassets/react-apis.png differ
diff --git a/beta/public/images/ogassets/react-chrome-developer-tools.png b/beta/public/images/ogassets/react-chrome-developer-tools.png
new file mode 100644
index 00000000000..9570d3e221f
Binary files /dev/null and b/beta/public/images/ogassets/react-chrome-developer-tools.png differ
diff --git a/beta/public/images/ogassets/react-components-elements-and-instances.png b/beta/public/images/ogassets/react-components-elements-and-instances.png
new file mode 100644
index 00000000000..e7da26982ab
Binary files /dev/null and b/beta/public/images/ogassets/react-components-elements-and-instances.png differ
diff --git a/beta/public/images/ogassets/react-conf-recap-hooks-suspense-and-concurrent-rendering.png b/beta/public/images/ogassets/react-conf-recap-hooks-suspense-and-concurrent-rendering.png
new file mode 100644
index 00000000000..597a75961ed
Binary files /dev/null and b/beta/public/images/ogassets/react-conf-recap-hooks-suspense-and-concurrent-rendering.png differ
diff --git a/beta/public/images/ogassets/react-developer-tools.png b/beta/public/images/ogassets/react-developer-tools.png
new file mode 100644
index 00000000000..e11b3dc452f
Binary files /dev/null and b/beta/public/images/ogassets/react-developer-tools.png differ
diff --git a/beta/public/images/ogassets/react-docs-beta.png b/beta/public/images/ogassets/react-docs-beta.png
new file mode 100644
index 00000000000..2f1fdb077ab
Binary files /dev/null and b/beta/public/images/ogassets/react-docs-beta.png differ
diff --git a/beta/public/images/ogassets/react-native-release-process.png b/beta/public/images/ogassets/react-native-release-process.png
new file mode 100644
index 00000000000..6ca7621e9d9
Binary files /dev/null and b/beta/public/images/ogassets/react-native-release-process.png differ
diff --git a/beta/public/images/ogassets/react-native-v04.png b/beta/public/images/ogassets/react-native-v04.png
new file mode 100644
index 00000000000..01341f09dbe
Binary files /dev/null and b/beta/public/images/ogassets/react-native-v04.png differ
diff --git a/beta/public/images/ogassets/react-v010-rc.png b/beta/public/images/ogassets/react-v010-rc.png
new file mode 100644
index 00000000000..a557b7b46ac
Binary files /dev/null and b/beta/public/images/ogassets/react-v010-rc.png differ
diff --git a/beta/public/images/ogassets/react-v010.png b/beta/public/images/ogassets/react-v010.png
new file mode 100644
index 00000000000..ef83c60069e
Binary files /dev/null and b/beta/public/images/ogassets/react-v010.png differ
diff --git a/beta/public/images/ogassets/react-v011-rc.png b/beta/public/images/ogassets/react-v011-rc.png
new file mode 100644
index 00000000000..d91423e0732
Binary files /dev/null and b/beta/public/images/ogassets/react-v011-rc.png differ
diff --git a/beta/public/images/ogassets/react-v011.png b/beta/public/images/ogassets/react-v011.png
new file mode 100644
index 00000000000..abd8b9a913a
Binary files /dev/null and b/beta/public/images/ogassets/react-v011.png differ
diff --git a/beta/public/images/ogassets/react-v0111.png b/beta/public/images/ogassets/react-v0111.png
new file mode 100644
index 00000000000..feb2877c06b
Binary files /dev/null and b/beta/public/images/ogassets/react-v0111.png differ
diff --git a/beta/public/images/ogassets/react-v0112.png b/beta/public/images/ogassets/react-v0112.png
new file mode 100644
index 00000000000..7dc013de30a
Binary files /dev/null and b/beta/public/images/ogassets/react-v0112.png differ
diff --git a/beta/public/images/ogassets/react-v012-rc.png b/beta/public/images/ogassets/react-v012-rc.png
new file mode 100644
index 00000000000..ab4ae3dde22
Binary files /dev/null and b/beta/public/images/ogassets/react-v012-rc.png differ
diff --git a/beta/public/images/ogassets/react-v012.png b/beta/public/images/ogassets/react-v012.png
new file mode 100644
index 00000000000..e1688cab263
Binary files /dev/null and b/beta/public/images/ogassets/react-v012.png differ
diff --git a/beta/public/images/ogassets/react-v0122.png b/beta/public/images/ogassets/react-v0122.png
new file mode 100644
index 00000000000..9e505ffa72b
Binary files /dev/null and b/beta/public/images/ogassets/react-v0122.png differ
diff --git a/beta/public/images/ogassets/react-v013-rc.png b/beta/public/images/ogassets/react-v013-rc.png
new file mode 100644
index 00000000000..837a43c9b63
Binary files /dev/null and b/beta/public/images/ogassets/react-v013-rc.png differ
diff --git a/beta/public/images/ogassets/react-v013-rc2.png b/beta/public/images/ogassets/react-v013-rc2.png
new file mode 100644
index 00000000000..5d37043832b
Binary files /dev/null and b/beta/public/images/ogassets/react-v013-rc2.png differ
diff --git a/beta/public/images/ogassets/react-v013.png b/beta/public/images/ogassets/react-v013.png
new file mode 100644
index 00000000000..975174975b6
Binary files /dev/null and b/beta/public/images/ogassets/react-v013.png differ
diff --git a/beta/public/images/ogassets/react-v0130-beta-1.png b/beta/public/images/ogassets/react-v0130-beta-1.png
new file mode 100644
index 00000000000..bd7bfa4b517
Binary files /dev/null and b/beta/public/images/ogassets/react-v0130-beta-1.png differ
diff --git a/beta/public/images/ogassets/react-v0131.png b/beta/public/images/ogassets/react-v0131.png
new file mode 100644
index 00000000000..7f72ead7e61
Binary files /dev/null and b/beta/public/images/ogassets/react-v0131.png differ
diff --git a/beta/public/images/ogassets/react-v0132.png b/beta/public/images/ogassets/react-v0132.png
new file mode 100644
index 00000000000..0afc4240f3f
Binary files /dev/null and b/beta/public/images/ogassets/react-v0132.png differ
diff --git a/beta/public/images/ogassets/react-v0133.png b/beta/public/images/ogassets/react-v0133.png
new file mode 100644
index 00000000000..0fae1247fae
Binary files /dev/null and b/beta/public/images/ogassets/react-v0133.png differ
diff --git a/beta/public/images/ogassets/react-v014-beta-1.png b/beta/public/images/ogassets/react-v014-beta-1.png
new file mode 100644
index 00000000000..9d169db5252
Binary files /dev/null and b/beta/public/images/ogassets/react-v014-beta-1.png differ
diff --git a/beta/public/images/ogassets/react-v014-release-candidate.png b/beta/public/images/ogassets/react-v014-release-candidate.png
new file mode 100644
index 00000000000..a25e23e7414
Binary files /dev/null and b/beta/public/images/ogassets/react-v014-release-candidate.png differ
diff --git a/beta/public/images/ogassets/react-v014.png b/beta/public/images/ogassets/react-v014.png
new file mode 100644
index 00000000000..8b8d4ab34b2
Binary files /dev/null and b/beta/public/images/ogassets/react-v014.png differ
diff --git a/beta/public/images/ogassets/react-v0141.png b/beta/public/images/ogassets/react-v0141.png
new file mode 100644
index 00000000000..05b2d70a049
Binary files /dev/null and b/beta/public/images/ogassets/react-v0141.png differ
diff --git a/beta/public/images/ogassets/react-v0142.png b/beta/public/images/ogassets/react-v0142.png
new file mode 100644
index 00000000000..1a796ba1c87
Binary files /dev/null and b/beta/public/images/ogassets/react-v0142.png differ
diff --git a/beta/public/images/ogassets/react-v0143.png b/beta/public/images/ogassets/react-v0143.png
new file mode 100644
index 00000000000..c90be20a463
Binary files /dev/null and b/beta/public/images/ogassets/react-v0143.png differ
diff --git a/beta/public/images/ogassets/react-v0144.png b/beta/public/images/ogassets/react-v0144.png
new file mode 100644
index 00000000000..1b3f083faab
Binary files /dev/null and b/beta/public/images/ogassets/react-v0144.png differ
diff --git a/beta/public/images/ogassets/react-v0148.png b/beta/public/images/ogassets/react-v0148.png
new file mode 100644
index 00000000000..901c8f5b85d
Binary files /dev/null and b/beta/public/images/ogassets/react-v0148.png differ
diff --git a/beta/public/images/ogassets/react-v033.png b/beta/public/images/ogassets/react-v033.png
new file mode 100644
index 00000000000..d363a7757a9
Binary files /dev/null and b/beta/public/images/ogassets/react-v033.png differ
diff --git a/beta/public/images/ogassets/react-v040.png b/beta/public/images/ogassets/react-v040.png
new file mode 100644
index 00000000000..b5522919e20
Binary files /dev/null and b/beta/public/images/ogassets/react-v040.png differ
diff --git a/beta/public/images/ogassets/react-v041.png b/beta/public/images/ogassets/react-v041.png
new file mode 100644
index 00000000000..c288e5aa9a9
Binary files /dev/null and b/beta/public/images/ogassets/react-v041.png differ
diff --git a/beta/public/images/ogassets/react-v05.png b/beta/public/images/ogassets/react-v05.png
new file mode 100644
index 00000000000..f6333238af4
Binary files /dev/null and b/beta/public/images/ogassets/react-v05.png differ
diff --git a/beta/public/images/ogassets/react-v051.png b/beta/public/images/ogassets/react-v051.png
new file mode 100644
index 00000000000..9633443d7f2
Binary files /dev/null and b/beta/public/images/ogassets/react-v051.png differ
diff --git a/beta/public/images/ogassets/react-v052-v042.png b/beta/public/images/ogassets/react-v052-v042.png
new file mode 100644
index 00000000000..1ad67031c5e
Binary files /dev/null and b/beta/public/images/ogassets/react-v052-v042.png differ
diff --git a/beta/public/images/ogassets/react-v08.png b/beta/public/images/ogassets/react-v08.png
new file mode 100644
index 00000000000..dbfb2d3c310
Binary files /dev/null and b/beta/public/images/ogassets/react-v08.png differ
diff --git a/beta/public/images/ogassets/react-v09-rc.png b/beta/public/images/ogassets/react-v09-rc.png
new file mode 100644
index 00000000000..bfd4eac3311
Binary files /dev/null and b/beta/public/images/ogassets/react-v09-rc.png differ
diff --git a/beta/public/images/ogassets/react-v09.png b/beta/public/images/ogassets/react-v09.png
new file mode 100644
index 00000000000..e2b6040c418
Binary files /dev/null and b/beta/public/images/ogassets/react-v09.png differ
diff --git a/beta/public/images/ogassets/react-v150-release-candidate-2.png b/beta/public/images/ogassets/react-v150-release-candidate-2.png
new file mode 100644
index 00000000000..7c4062f4b45
Binary files /dev/null and b/beta/public/images/ogassets/react-v150-release-candidate-2.png differ
diff --git a/beta/public/images/ogassets/react-v150-release-candidate.png b/beta/public/images/ogassets/react-v150-release-candidate.png
new file mode 100644
index 00000000000..64e2ee28404
Binary files /dev/null and b/beta/public/images/ogassets/react-v150-release-candidate.png differ
diff --git a/beta/public/images/ogassets/react-v150.png b/beta/public/images/ogassets/react-v150.png
new file mode 100644
index 00000000000..9845d1f183e
Binary files /dev/null and b/beta/public/images/ogassets/react-v150.png differ
diff --git a/beta/public/images/ogassets/react-v1501.png b/beta/public/images/ogassets/react-v1501.png
new file mode 100644
index 00000000000..45fdd89f57e
Binary files /dev/null and b/beta/public/images/ogassets/react-v1501.png differ
diff --git a/beta/public/images/ogassets/react-v1540.png b/beta/public/images/ogassets/react-v1540.png
new file mode 100644
index 00000000000..68a6adbab0e
Binary files /dev/null and b/beta/public/images/ogassets/react-v1540.png differ
diff --git a/beta/public/images/ogassets/react-v1550.png b/beta/public/images/ogassets/react-v1550.png
new file mode 100644
index 00000000000..12f0d225bea
Binary files /dev/null and b/beta/public/images/ogassets/react-v1550.png differ
diff --git a/beta/public/images/ogassets/react-v1560.png b/beta/public/images/ogassets/react-v1560.png
new file mode 100644
index 00000000000..a910de52cee
Binary files /dev/null and b/beta/public/images/ogassets/react-v1560.png differ
diff --git a/beta/public/images/ogassets/react-v1562.png b/beta/public/images/ogassets/react-v1562.png
new file mode 100644
index 00000000000..73ec749273f
Binary files /dev/null and b/beta/public/images/ogassets/react-v1562.png differ
diff --git a/beta/public/images/ogassets/react-v160.png b/beta/public/images/ogassets/react-v160.png
new file mode 100644
index 00000000000..aee3f3ff344
Binary files /dev/null and b/beta/public/images/ogassets/react-v160.png differ
diff --git a/beta/public/images/ogassets/react-v16130.png b/beta/public/images/ogassets/react-v16130.png
new file mode 100644
index 00000000000..9d72ff2dd16
Binary files /dev/null and b/beta/public/images/ogassets/react-v16130.png differ
diff --git a/beta/public/images/ogassets/react-v1620-improved-support-for-fragments.png b/beta/public/images/ogassets/react-v1620-improved-support-for-fragments.png
new file mode 100644
index 00000000000..b90013ce6f9
Binary files /dev/null and b/beta/public/images/ogassets/react-v1620-improved-support-for-fragments.png differ
diff --git a/beta/public/images/ogassets/react-v1630-new-lifecycles-and-context-api.png b/beta/public/images/ogassets/react-v1630-new-lifecycles-and-context-api.png
new file mode 100644
index 00000000000..160c75b8b6d
Binary files /dev/null and b/beta/public/images/ogassets/react-v1630-new-lifecycles-and-context-api.png differ
diff --git a/beta/public/images/ogassets/react-v1640-pointer-events.png b/beta/public/images/ogassets/react-v1640-pointer-events.png
new file mode 100644
index 00000000000..3d747e03435
Binary files /dev/null and b/beta/public/images/ogassets/react-v1640-pointer-events.png differ
diff --git a/beta/public/images/ogassets/react-v1642-server-side-vulnerability-fix.png b/beta/public/images/ogassets/react-v1642-server-side-vulnerability-fix.png
new file mode 100644
index 00000000000..4f8406b901f
Binary files /dev/null and b/beta/public/images/ogassets/react-v1642-server-side-vulnerability-fix.png differ
diff --git a/beta/public/images/ogassets/react-v1660-lazy-memo-and-contexttype.png b/beta/public/images/ogassets/react-v1660-lazy-memo-and-contexttype.png
new file mode 100644
index 00000000000..4d0654b760e
Binary files /dev/null and b/beta/public/images/ogassets/react-v1660-lazy-memo-and-contexttype.png differ
diff --git a/beta/public/images/ogassets/react-v167-no-this-is-not-the-one-with-hooks.png b/beta/public/images/ogassets/react-v167-no-this-is-not-the-one-with-hooks.png
new file mode 100644
index 00000000000..ee60167e68c
Binary files /dev/null and b/beta/public/images/ogassets/react-v167-no-this-is-not-the-one-with-hooks.png differ
diff --git a/beta/public/images/ogassets/react-v168-the-one-with-hooks.png b/beta/public/images/ogassets/react-v168-the-one-with-hooks.png
new file mode 100644
index 00000000000..6e102c42fd4
Binary files /dev/null and b/beta/public/images/ogassets/react-v168-the-one-with-hooks.png differ
diff --git a/beta/public/images/ogassets/react-v1690-and-the-roadmap-update.png b/beta/public/images/ogassets/react-v1690-and-the-roadmap-update.png
new file mode 100644
index 00000000000..1ac6687df42
Binary files /dev/null and b/beta/public/images/ogassets/react-v1690-and-the-roadmap-update.png differ
diff --git a/beta/public/images/ogassets/react-v170-release-candidate-no-new-features.png b/beta/public/images/ogassets/react-v170-release-candidate-no-new-features.png
new file mode 100644
index 00000000000..44c07da5417
Binary files /dev/null and b/beta/public/images/ogassets/react-v170-release-candidate-no-new-features.png differ
diff --git a/beta/public/images/ogassets/reactchildren.png b/beta/public/images/ogassets/reactchildren.png
new file mode 100644
index 00000000000..93c0cc13f75
Binary files /dev/null and b/beta/public/images/ogassets/reactchildren.png differ
diff --git a/beta/public/images/ogassets/reactcomponent.png b/beta/public/images/ogassets/reactcomponent.png
new file mode 100644
index 00000000000..495abf85338
Binary files /dev/null and b/beta/public/images/ogassets/reactcomponent.png differ
diff --git a/beta/public/images/ogassets/reactdom-apis.png b/beta/public/images/ogassets/reactdom-apis.png
new file mode 100644
index 00000000000..ca821e97f29
Binary files /dev/null and b/beta/public/images/ogassets/reactdom-apis.png differ
diff --git a/beta/public/images/ogassets/reactdomrender-and-the-top-level-react-api.png b/beta/public/images/ogassets/reactdomrender-and-the-top-level-react-api.png
new file mode 100644
index 00000000000..cd179c5b1b4
Binary files /dev/null and b/beta/public/images/ogassets/reactdomrender-and-the-top-level-react-api.png differ
diff --git a/beta/public/images/ogassets/reacteurope-round-up.png b/beta/public/images/ogassets/reacteurope-round-up.png
new file mode 100644
index 00000000000..896de9abf5d
Binary files /dev/null and b/beta/public/images/ogassets/reacteurope-round-up.png differ
diff --git a/beta/public/images/ogassets/reactfragment.png b/beta/public/images/ogassets/reactfragment.png
new file mode 100644
index 00000000000..74c7b4d0280
Binary files /dev/null and b/beta/public/images/ogassets/reactfragment.png differ
diff --git a/beta/public/images/ogassets/reactiflux-is-moving-to-discord.png b/beta/public/images/ogassets/reactiflux-is-moving-to-discord.png
new file mode 100644
index 00000000000..d9f5242b7d1
Binary files /dev/null and b/beta/public/images/ogassets/reactiflux-is-moving-to-discord.png differ
diff --git a/beta/public/images/ogassets/reacting-to-input-with-state.png b/beta/public/images/ogassets/reacting-to-input-with-state.png
new file mode 100644
index 00000000000..9525b1073e4
Binary files /dev/null and b/beta/public/images/ogassets/reacting-to-input-with-state.png differ
diff --git a/beta/public/images/ogassets/reactjs-conf-2016-diversity-scholarship.png b/beta/public/images/ogassets/reactjs-conf-2016-diversity-scholarship.png
new file mode 100644
index 00000000000..9cee1b8a176
Binary files /dev/null and b/beta/public/images/ogassets/reactjs-conf-2016-diversity-scholarship.png differ
diff --git a/beta/public/images/ogassets/reactjs-conf-diversity-scholarship.png b/beta/public/images/ogassets/reactjs-conf-diversity-scholarship.png
new file mode 100644
index 00000000000..889ce9fd169
Binary files /dev/null and b/beta/public/images/ogassets/reactjs-conf-diversity-scholarship.png differ
diff --git a/beta/public/images/ogassets/reactjs-conf-round-up-2015.png b/beta/public/images/ogassets/reactjs-conf-round-up-2015.png
new file mode 100644
index 00000000000..6bb30af855e
Binary files /dev/null and b/beta/public/images/ogassets/reactjs-conf-round-up-2015.png differ
diff --git a/beta/public/images/ogassets/reactjs-conf-updates.png b/beta/public/images/ogassets/reactjs-conf-updates.png
new file mode 100644
index 00000000000..0708ce262bf
Binary files /dev/null and b/beta/public/images/ogassets/reactjs-conf-updates.png differ
diff --git a/beta/public/images/ogassets/reactjs-conf.png b/beta/public/images/ogassets/reactjs-conf.png
new file mode 100644
index 00000000000..c4f9d75846a
Binary files /dev/null and b/beta/public/images/ogassets/reactjs-conf.png differ
diff --git a/beta/public/images/ogassets/reactmemo.png b/beta/public/images/ogassets/reactmemo.png
new file mode 100644
index 00000000000..1bb98b1a79a
Binary files /dev/null and b/beta/public/images/ogassets/reactmemo.png differ
diff --git a/beta/public/images/ogassets/reactpurecomponent.png b/beta/public/images/ogassets/reactpurecomponent.png
new file mode 100644
index 00000000000..b2830f023a7
Binary files /dev/null and b/beta/public/images/ogassets/reactpurecomponent.png differ
diff --git a/beta/public/images/ogassets/referencing-values-with-refs.png b/beta/public/images/ogassets/referencing-values-with-refs.png
new file mode 100644
index 00000000000..e706434405c
Binary files /dev/null and b/beta/public/images/ogassets/referencing-values-with-refs.png differ
diff --git a/beta/public/images/ogassets/relay-state-of-the-state.png b/beta/public/images/ogassets/relay-state-of-the-state.png
new file mode 100644
index 00000000000..cb6a2ae324b
Binary files /dev/null and b/beta/public/images/ogassets/relay-state-of-the-state.png differ
diff --git a/beta/public/images/ogassets/relay-technical-preview.png b/beta/public/images/ogassets/relay-technical-preview.png
new file mode 100644
index 00000000000..297825e4b0f
Binary files /dev/null and b/beta/public/images/ogassets/relay-technical-preview.png differ
diff --git a/beta/public/images/ogassets/removing-effect-dependencies.png b/beta/public/images/ogassets/removing-effect-dependencies.png
new file mode 100644
index 00000000000..68b054edf74
Binary files /dev/null and b/beta/public/images/ogassets/removing-effect-dependencies.png differ
diff --git a/beta/public/images/ogassets/render-and-commit.png b/beta/public/images/ogassets/render-and-commit.png
new file mode 100644
index 00000000000..285c3a1460f
Binary files /dev/null and b/beta/public/images/ogassets/render-and-commit.png differ
diff --git a/beta/public/images/ogassets/render.png b/beta/public/images/ogassets/render.png
new file mode 100644
index 00000000000..516780df577
Binary files /dev/null and b/beta/public/images/ogassets/render.png differ
diff --git a/beta/public/images/ogassets/rendering-lists.png b/beta/public/images/ogassets/rendering-lists.png
new file mode 100644
index 00000000000..41e57ea90c4
Binary files /dev/null and b/beta/public/images/ogassets/rendering-lists.png differ
diff --git a/beta/public/images/ogassets/rendertonodestream.png b/beta/public/images/ogassets/rendertonodestream.png
new file mode 100644
index 00000000000..749887fd990
Binary files /dev/null and b/beta/public/images/ogassets/rendertonodestream.png differ
diff --git a/beta/public/images/ogassets/rendertopipeablestream.png b/beta/public/images/ogassets/rendertopipeablestream.png
new file mode 100644
index 00000000000..baa648e112d
Binary files /dev/null and b/beta/public/images/ogassets/rendertopipeablestream.png differ
diff --git a/beta/public/images/ogassets/rendertoreadablestream.png b/beta/public/images/ogassets/rendertoreadablestream.png
new file mode 100644
index 00000000000..e6c4cf09d53
Binary files /dev/null and b/beta/public/images/ogassets/rendertoreadablestream.png differ
diff --git a/beta/public/images/ogassets/rendertostaticmarkup.png b/beta/public/images/ogassets/rendertostaticmarkup.png
new file mode 100644
index 00000000000..1d88f005005
Binary files /dev/null and b/beta/public/images/ogassets/rendertostaticmarkup.png differ
diff --git a/beta/public/images/ogassets/rendertostaticnodestream.png b/beta/public/images/ogassets/rendertostaticnodestream.png
new file mode 100644
index 00000000000..aef998dfd06
Binary files /dev/null and b/beta/public/images/ogassets/rendertostaticnodestream.png differ
diff --git a/beta/public/images/ogassets/rendertostring.png b/beta/public/images/ogassets/rendertostring.png
new file mode 100644
index 00000000000..5df361d775d
Binary files /dev/null and b/beta/public/images/ogassets/rendertostring.png differ
diff --git a/beta/public/images/ogassets/responding-to-events.png b/beta/public/images/ogassets/responding-to-events.png
new file mode 100644
index 00000000000..e434c293e31
Binary files /dev/null and b/beta/public/images/ogassets/responding-to-events.png differ
diff --git a/beta/public/images/ogassets/reusing-logic-with-custom-hooks.png b/beta/public/images/ogassets/reusing-logic-with-custom-hooks.png
new file mode 100644
index 00000000000..fc352bfe9a7
Binary files /dev/null and b/beta/public/images/ogassets/reusing-logic-with-custom-hooks.png differ
diff --git a/beta/public/images/ogassets/scaling-up-with-reducer-and-context.png b/beta/public/images/ogassets/scaling-up-with-reducer-and-context.png
new file mode 100644
index 00000000000..4d5fc64bfda
Binary files /dev/null and b/beta/public/images/ogassets/scaling-up-with-reducer-and-context.png differ
diff --git a/beta/public/images/ogassets/separating-events-from-effects.png b/beta/public/images/ogassets/separating-events-from-effects.png
new file mode 100644
index 00000000000..6b068e1656f
Binary files /dev/null and b/beta/public/images/ogassets/separating-events-from-effects.png differ
diff --git a/beta/public/images/ogassets/sharing-state-between-components.png b/beta/public/images/ogassets/sharing-state-between-components.png
new file mode 100644
index 00000000000..abfce2a5eca
Binary files /dev/null and b/beta/public/images/ogassets/sharing-state-between-components.png differ
diff --git a/beta/public/images/ogassets/sneak-peek-beyond-react-16.png b/beta/public/images/ogassets/sneak-peek-beyond-react-16.png
new file mode 100644
index 00000000000..96e2879a9b3
Binary files /dev/null and b/beta/public/images/ogassets/sneak-peek-beyond-react-16.png differ
diff --git a/beta/public/images/ogassets/start-a-new-react-project.png b/beta/public/images/ogassets/start-a-new-react-project.png
new file mode 100644
index 00000000000..c50aa0bf847
Binary files /dev/null and b/beta/public/images/ogassets/start-a-new-react-project.png differ
diff --git a/beta/public/images/ogassets/starttransition.png b/beta/public/images/ogassets/starttransition.png
new file mode 100644
index 00000000000..ae5695b4f88
Binary files /dev/null and b/beta/public/images/ogassets/starttransition.png differ
diff --git a/beta/public/images/ogassets/state-a-components-memory.png b/beta/public/images/ogassets/state-a-components-memory.png
new file mode 100644
index 00000000000..34bd3d5c317
Binary files /dev/null and b/beta/public/images/ogassets/state-a-components-memory.png differ
diff --git a/beta/public/images/ogassets/state-as-a-snapshot.png b/beta/public/images/ogassets/state-as-a-snapshot.png
new file mode 100644
index 00000000000..970d40de8e7
Binary files /dev/null and b/beta/public/images/ogassets/state-as-a-snapshot.png differ
diff --git a/beta/public/images/ogassets/streamlining-react-elements.png b/beta/public/images/ogassets/streamlining-react-elements.png
new file mode 100644
index 00000000000..59d20225233
Binary files /dev/null and b/beta/public/images/ogassets/streamlining-react-elements.png differ
diff --git a/beta/public/images/ogassets/strictmode.png b/beta/public/images/ogassets/strictmode.png
new file mode 100644
index 00000000000..dcb39167c3f
Binary files /dev/null and b/beta/public/images/ogassets/strictmode.png differ
diff --git a/beta/public/images/ogassets/suspense.png b/beta/public/images/ogassets/suspense.png
new file mode 100644
index 00000000000..6de559314f2
Binary files /dev/null and b/beta/public/images/ogassets/suspense.png differ
diff --git a/beta/public/images/ogassets/synchronizing-with-effects.png b/beta/public/images/ogassets/synchronizing-with-effects.png
new file mode 100644
index 00000000000..9ca8359a7a6
Binary files /dev/null and b/beta/public/images/ogassets/synchronizing-with-effects.png differ
diff --git a/beta/public/images/ogassets/testing-flux-applications.png b/beta/public/images/ogassets/testing-flux-applications.png
new file mode 100644
index 00000000000..1b610e2a592
Binary files /dev/null and b/beta/public/images/ogassets/testing-flux-applications.png differ
diff --git a/beta/public/images/ogassets/the-road-to-10.png b/beta/public/images/ogassets/the-road-to-10.png
new file mode 100644
index 00000000000..42543baf2df
Binary files /dev/null and b/beta/public/images/ogassets/the-road-to-10.png differ
diff --git a/beta/public/images/ogassets/thinking-in-react.png b/beta/public/images/ogassets/thinking-in-react.png
new file mode 100644
index 00000000000..b6e4bd51e91
Binary files /dev/null and b/beta/public/images/ogassets/thinking-in-react.png differ
diff --git a/beta/public/images/ogassets/unmountcomponentatnode.png b/beta/public/images/ogassets/unmountcomponentatnode.png
new file mode 100644
index 00000000000..3ecb27cdbfb
Binary files /dev/null and b/beta/public/images/ogassets/unmountcomponentatnode.png differ
diff --git a/beta/public/images/ogassets/update-on-async-rendering.png b/beta/public/images/ogassets/update-on-async-rendering.png
new file mode 100644
index 00000000000..27f5a22c5ee
Binary files /dev/null and b/beta/public/images/ogassets/update-on-async-rendering.png differ
diff --git a/beta/public/images/ogassets/updating-arrays-in-state.png b/beta/public/images/ogassets/updating-arrays-in-state.png
new file mode 100644
index 00000000000..2e28c9f4e7a
Binary files /dev/null and b/beta/public/images/ogassets/updating-arrays-in-state.png differ
diff --git a/beta/public/images/ogassets/updating-objects-in-state.png b/beta/public/images/ogassets/updating-objects-in-state.png
new file mode 100644
index 00000000000..f2483538dbc
Binary files /dev/null and b/beta/public/images/ogassets/updating-objects-in-state.png differ
diff --git a/beta/public/images/ogassets/use-react-and-jsx-in-aspnet-mvc.png b/beta/public/images/ogassets/use-react-and-jsx-in-aspnet-mvc.png
new file mode 100644
index 00000000000..ef7655a5fff
Binary files /dev/null and b/beta/public/images/ogassets/use-react-and-jsx-in-aspnet-mvc.png differ
diff --git a/beta/public/images/ogassets/use-react-and-jsx-in-python-applications.png b/beta/public/images/ogassets/use-react-and-jsx-in-python-applications.png
new file mode 100644
index 00000000000..eee956fc8ba
Binary files /dev/null and b/beta/public/images/ogassets/use-react-and-jsx-in-python-applications.png differ
diff --git a/beta/public/images/ogassets/use-react-and-jsx-in-ruby-on-rails.png b/beta/public/images/ogassets/use-react-and-jsx-in-ruby-on-rails.png
new file mode 100644
index 00000000000..07def778533
Binary files /dev/null and b/beta/public/images/ogassets/use-react-and-jsx-in-ruby-on-rails.png differ
diff --git a/beta/public/images/ogassets/usecallback.png b/beta/public/images/ogassets/usecallback.png
new file mode 100644
index 00000000000..f73e191afd2
Binary files /dev/null and b/beta/public/images/ogassets/usecallback.png differ
diff --git a/beta/public/images/ogassets/usecontext.png b/beta/public/images/ogassets/usecontext.png
new file mode 100644
index 00000000000..4fd5e59f580
Binary files /dev/null and b/beta/public/images/ogassets/usecontext.png differ
diff --git a/beta/public/images/ogassets/usedebugvalue.png b/beta/public/images/ogassets/usedebugvalue.png
new file mode 100644
index 00000000000..2d417bd25b9
Binary files /dev/null and b/beta/public/images/ogassets/usedebugvalue.png differ
diff --git a/beta/public/images/ogassets/usedeferredvalue.png b/beta/public/images/ogassets/usedeferredvalue.png
new file mode 100644
index 00000000000..aa5e2ab8a34
Binary files /dev/null and b/beta/public/images/ogassets/usedeferredvalue.png differ
diff --git a/beta/public/images/ogassets/useeffect.png b/beta/public/images/ogassets/useeffect.png
new file mode 100644
index 00000000000..0c717d95afb
Binary files /dev/null and b/beta/public/images/ogassets/useeffect.png differ
diff --git a/beta/public/images/ogassets/useid.png b/beta/public/images/ogassets/useid.png
new file mode 100644
index 00000000000..36a28cb2f38
Binary files /dev/null and b/beta/public/images/ogassets/useid.png differ
diff --git a/beta/public/images/ogassets/useimperativehandle.png b/beta/public/images/ogassets/useimperativehandle.png
new file mode 100644
index 00000000000..4fd75633af3
Binary files /dev/null and b/beta/public/images/ogassets/useimperativehandle.png differ
diff --git a/beta/public/images/ogassets/useinsertioneffect.png b/beta/public/images/ogassets/useinsertioneffect.png
new file mode 100644
index 00000000000..e182c438f9d
Binary files /dev/null and b/beta/public/images/ogassets/useinsertioneffect.png differ
diff --git a/beta/public/images/ogassets/uselayouteffect.png b/beta/public/images/ogassets/uselayouteffect.png
new file mode 100644
index 00000000000..e699965458e
Binary files /dev/null and b/beta/public/images/ogassets/uselayouteffect.png differ
diff --git a/beta/public/images/ogassets/usememo.png b/beta/public/images/ogassets/usememo.png
new file mode 100644
index 00000000000..82294dbf65b
Binary files /dev/null and b/beta/public/images/ogassets/usememo.png differ
diff --git a/beta/public/images/ogassets/usereducer.png b/beta/public/images/ogassets/usereducer.png
new file mode 100644
index 00000000000..2fc0dcc818d
Binary files /dev/null and b/beta/public/images/ogassets/usereducer.png differ
diff --git a/beta/public/images/ogassets/useref.png b/beta/public/images/ogassets/useref.png
new file mode 100644
index 00000000000..5c27cb730ea
Binary files /dev/null and b/beta/public/images/ogassets/useref.png differ
diff --git a/beta/public/images/ogassets/usestate.png b/beta/public/images/ogassets/usestate.png
new file mode 100644
index 00000000000..eed41cffb3f
Binary files /dev/null and b/beta/public/images/ogassets/usestate.png differ
diff --git a/beta/public/images/ogassets/usesyncexternalstore.png b/beta/public/images/ogassets/usesyncexternalstore.png
new file mode 100644
index 00000000000..6e0695318d7
Binary files /dev/null and b/beta/public/images/ogassets/usesyncexternalstore.png differ
diff --git a/beta/public/images/ogassets/usetransition.png b/beta/public/images/ogassets/usetransition.png
new file mode 100644
index 00000000000..e8e7d56796b
Binary files /dev/null and b/beta/public/images/ogassets/usetransition.png differ
diff --git a/beta/public/images/ogassets/whats-new-in-create-react-app.png b/beta/public/images/ogassets/whats-new-in-create-react-app.png
new file mode 100644
index 00000000000..5170d590af8
Binary files /dev/null and b/beta/public/images/ogassets/whats-new-in-create-react-app.png differ
diff --git a/beta/public/images/ogassets/why-did-we-build-react.png b/beta/public/images/ogassets/why-did-we-build-react.png
new file mode 100644
index 00000000000..c5736be880d
Binary files /dev/null and b/beta/public/images/ogassets/why-did-we-build-react.png differ
diff --git a/beta/public/images/ogassets/writing-markup-with-jsx.png b/beta/public/images/ogassets/writing-markup-with-jsx.png
new file mode 100644
index 00000000000..faf8b3918f7
Binary files /dev/null and b/beta/public/images/ogassets/writing-markup-with-jsx.png differ
diff --git a/beta/public/images/ogassets/you-might-not-need-an-effect.png b/beta/public/images/ogassets/you-might-not-need-an-effect.png
new file mode 100644
index 00000000000..3427d7106bb
Binary files /dev/null and b/beta/public/images/ogassets/you-might-not-need-an-effect.png differ
diff --git a/beta/public/images/ogassets/you-probably-dont-need-derived-state.png b/beta/public/images/ogassets/you-probably-dont-need-derived-state.png
new file mode 100644
index 00000000000..a9aaae553da
Binary files /dev/null and b/beta/public/images/ogassets/you-probably-dont-need-derived-state.png differ
diff --git a/beta/public/images/ogassets/your-first-component.png b/beta/public/images/ogassets/your-first-component.png
new file mode 100644
index 00000000000..4564129ad92
Binary files /dev/null and b/beta/public/images/ogassets/your-first-component.png differ
diff --git a/beta/scripts/og-generator/index.js b/beta/scripts/og-generator/index.js
new file mode 100644
index 00000000000..58ef8aa0d34
--- /dev/null
+++ b/beta/scripts/og-generator/index.js
@@ -0,0 +1,89 @@
+const fm = require('gray-matter');
+const {getCss, getHTML} = require('./util');
+const globby = require('globby');
+const fs = require('fs-extra');
+const slugs = require('github-slugger');
+const core = require('puppeteer-core');
+const chrome = require('chrome-aws-lambda');
+let _page;
+
+const getPage = async (isDev) => {
+ if (_page) {
+ return _page;
+ }
+ const options = {
+ args: chrome.args,
+ executablePath: await chrome.executablePath,
+ headless: chrome.headless,
+ };
+ const browser = await core.launch(options);
+ _page = await browser.newPage();
+ return {page: _page, browser};
+};
+
+const getDescription = async (path) => {
+ mdxContents = fs.readFileSync(path, 'utf8');
+ const compileMdx = require('@mdx-js/mdx');
+ const {remarkPlugins} = require('../../plugins/markdownToHtml');
+ const jsxCode = await compileMdx(mdxContents, {
+ remarkPlugins,
+ });
+ const {transform} = require('@babel/core');
+
+ const jsCode = await transform(jsxCode, {
+ plugins: ['@babel/plugin-transform-modules-commonjs'],
+ presets: ['@babel/preset-react'],
+ }).code;
+
+ let fakeExports = {};
+ // For each fake MDX import, give back the string component name.
+ // It will get serialized later.
+ const fakeRequire = (key) => key;
+ const evalJSCode = new Function('require', 'exports', 'mdx', jsCode);
+ const createElement = require('react').createElement;
+ // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ // THIS IS A BUILD-TIME EVAL. NEVER DO THIS WITH UNTRUSTED MDX (LIKE FROM CMS)!!!
+ // In this case it's okay because anyone who can edit our MDX can also edit this file.
+ evalJSCode(fakeRequire, fakeExports, createElement);
+ // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ const reactTree = fakeExports.default({});
+
+ const {Children} = require('react');
+
+ const ReactServerDOM = require('react-dom/server');
+ const introContent = Children.toArray(reactTree.props.children)
+ .filter((child) => {
+ return child.props?.mdxType === 'Intro';
+ })
+ .map((child) => child.props)
+ .map(({children}) => ReactServerDOM.renderToString(children))[0];
+
+ return introContent;
+};
+
+(async () => {
+ const markdownPages = await globby('src/content/**/*.{md,mdx}');
+ // launch browser
+ const {page, browser} = await getPage(false);
+ await page.setViewport({width: 800, height: 400});
+ for (let filepath of markdownPages) {
+ const rawStr = await fs.readFile(filepath, 'utf8');
+ // Extract frontmatter
+ const {
+ data: {title, description},
+ } = fm(rawStr);
+
+ await page.setContent(
+ getHTML(
+ title,
+ description ? description : (await getDescription(filepath)) ?? ''
+ )
+ );
+ await page.screenshot({
+ type: 'png',
+ path: `./public/images/ogassets/${slugs.slug(title, false)}.png`,
+ });
+ }
+ // Terminate browser once screenshots are generated
+ await browser.close();
+})();
diff --git a/beta/scripts/og-generator/util.js b/beta/scripts/og-generator/util.js
new file mode 100644
index 00000000000..e9d9502d719
--- /dev/null
+++ b/beta/scripts/og-generator/util.js
@@ -0,0 +1,119 @@
+const getCss = () => {
+ return `
+`;
+};
+
+const getHTML = (title, description) => `
+
+
+
+
+
LEARN REACT
+
${title}
+
${description}
+
+
+
+