rescript-lang
diff --git a/‎_blogposts/2021-06-25-roadmap-2021-and-new-landing-page.mdx
+55 b/‎_blogposts/2021-06-25-roadmap-2021-and-new-landing-page.mdx
+55
diff --git a/‎next.config.js
+19-12 b/‎next.config.js
+19-12
@@ -0,0 +1,55 @@
+---
+author: rescript-team
+date: "2021-06-25"
+title: Roadmap 2021 & New Landing Page
+badge: roadmap
+description: |
+  Announcing our roadmap for 2021 / 2022, release cycle plans and new landing page.
+---
+
+import Image from "src/components/Image.mjs"
+
+## Team Update
+
+It has almost been a year since we originally [launched our new ReScript brand](/blog/bucklescript-is-rebranding), and we think it has been a pretty successful journey so far:
+
+- Brand new documentation experience
+- Relaunch of `rescript-react` and its new docs
+- Release of our re-imagined VSCode & Vim plugins
+- New syntax, compiler and build system improvements, including incremental build performance at scale
+- Improved interop with polymorphic variants for numbers and strings
+- Accessible object system (no need for `Js.t`)
+- Making every part of ReScript fully Open Source and therefore independent from any company politics
+- The release of our new `rescript` npm package and cli to replace `bs-platform`
+- etc. 
+
+Stay tuned, this is just the beginning!
+
+### New Roadmap and Release Cycle Plans
+
+We had some thorough discussions about the future of the project and outlined the most important milestones for the next upcoming releases.
+
+**Here's the gist:**
+- Two release channels: `stable` and `experimental`
+- More predictable release dates and better migration steps
+- Better communication and discussion for breaking changes
+- Help the community / companies align on major stable versions
+
+The detailed roadmap with all our planned changes (and definition of our release cycle plan) can be found in our [community / roadmap](/community/roadmap) section.
+
+### New Landing Page
+
+After several iterations, we are happy to announce our new [landing page](/).
+
+<Image src="/static/img/landing_page_figma.png" withShadow={true} caption="Figma design draft for the new landing page"/>
+
+This is an incredible milestone for the documentation, and will act as a foundation for some cool new future improvements, such as:
+
+- Highlighted Case Studies from production users such as Beop or Rohea
+- An interactive playground widget for the headline code examples
+- New starter templates and guides
+
+
+Furthermore, in case you are a **production user of ReScript** and you want to see your company logo highlighted on the landing page, please [open an issue](https://github.com/rescript-association/rescript-lang.org/issues) and let us know!
+
+Happy hacking.
@@ -1,3 +1,6 @@
+const { ProvidePlugin } = require('webpack');
+const { ESBuildMinifyPlugin } = require('esbuild-loader');
+
 const bsconfig = require("./bsconfig.json");
 const path = require("path");
 const remarkSlug = require("remark-slug");
@@ -13,18 +16,19 @@ const withMdx = require("./plugins/next-mdx")({
   },
 });
 
-function patchResDeps() {
-  ["rescript"].concat(bsconfig["bs-dependencies"]).forEach((bsDep) => {
-    fs.writeFileSync(`./node_modules/${bsDep}/index.js`, "");
-    const json = require(`./node_modules/${bsDep}/package.json`);
-    json.main = "index.js";
-    fs.writeFileSync(
-      `./node_modules/${bsDep}/package.json`,
-      JSON.stringify(json, null, 2)
+
+// esbuild-loader specific features
+// See: https://github.com/privatenumber/esbuild-loader-examples/blob/master/examples/next/next.config.js
+function useEsbuildMinify(config, options) {
+  const terserIndex = config.optimization.minimizer.findIndex(minimizer => (minimizer.constructor.name === 'TerserPlugin'));
+  if (terserIndex > -1) {
+    config.optimization.minimizer.splice(
+      terserIndex,
+      1,
+      new ESBuildMinifyPlugin(options),
     );
-  });
+  }
 }
-patchResDeps(); // update package.json and create empty `index.js` before transpiling
 
 const isWebpack5 = true;
 const config = {
@@ -44,18 +48,21 @@ const config = {
           path: false,
         };
       }
-
+      useEsbuildMinify(config);
       // We need this additional rule to make sure that mjs files are
       // correctly detected within our src/ folder
       config.module.rules.push({
         test: /\.m?js$/,
-        use: options.defaultLoaders.babel,
+        // v-- currently using an experimental setting with esbuild-loader
+        //use: options.defaultLoaders.babel,
+        use: [{loader: 'esbuild-loader', options: { loader: 'jsx'}}],
         exclude: /node_modules/,
         type: "javascript/auto",
         resolve: {
           fullySpecified: false,
         }
       });
+      config.plugins.push(new ProvidePlugin({ React: "react" }));
     }
     return config;
   },