{
    "componentChunkName": "component---src-templates-note-note-js",
    "path": "/notes/Next",
    "result": {"data":{"mdx":{"body":"var _excluded = [\"components\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"alias\": \"Next JS\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"Next.js was first released\\xA0as an open-source project on\\xA0\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://en.wikipedia.org/wiki/GitHub\",\n    \"title\": \"GitHub\"\n  }, \"GitHub\"), \"\\xA0on October 25, 2016.\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://en.wikipedia.org/wiki/Next.js#cite_note-originalRelease-3\"\n  }, \"[3]\"), \"\\xA0It was originally developed based on six principles: out-of-the-box functionality requiring no setup, JavaScript everywhere, all functions are written in JavaScript, automatic code-splitting and server-rendering, configurable data-fetching, anticipating requests, and simplifying deployment\")), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"As of March 2022, the framework is used by many large websites, including\\xA0\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://en.wikipedia.org/wiki/Walmart\",\n    \"title\": \"Walmart\"\n  }, \"Walmart\"), \",\\xA0\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://en.wikipedia.org/wiki/Apple_Inc\",\n    \"title\": \"Apple Inc\"\n  }, \"Apple\"), \",\\xA0\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://en.wikipedia.org/wiki/Nike,_Inc.\",\n    \"title\": \"Nike, Inc.\"\n  }, \"Nike\"), \",\\xA0\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://en.wikipedia.org/wiki/Netflix\",\n    \"title\": \"Netflix\"\n  }, \"Netflix\"), \",\\xA0\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://en.wikipedia.org/wiki/TikTok\",\n    \"title\": \"TikTok\"\n  }, \"TikTok\"), \",\\xA0\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://en.wikipedia.org/wiki/Uber\",\n    \"title\": \"Uber\"\n  }, \"Uber\"), \",\\xA0\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://en.wikipedia.org/wiki/Lyft\",\n    \"title\": \"Lyft\"\n  }, \"Lyft\"), \", and\\xA0\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://en.wikipedia.org/wiki/Starbucks\",\n    \"title\": \"Starbucks\"\n  }, \"Starbucks\"), \".\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://en.wikipedia.org/wiki/Next.js#cite_note-thakkar1-9\"\n  }, \"[9]\"))), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"It was originally developed based on six principles: \"), mdx(\"ol\", {\n    parentName: \"blockquote\"\n  }, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"out-of-the-box functionality requiring no setup, \"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"JavaScript everywhere, all functions are written in JavaScript, \"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"automatic code-splitting and server-rendering, \"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"configurable data-fetching, \"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"anticipating requests, and \"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"simplifying deployment.\"))), mdx(\"h2\", null, \"Checkout\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"experimental function of automatic conversion from Create React App to Next.js compatible form \\\"Create React App Migration\\\"\", mdx(\"ol\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/notes/High-Value-TODOsorHigh-value-TODO\",\n    \"title\": \"High Value TODOs|High value TODO\"\n  }, \"High Value TODOs|High value TODO\"), \"\")))));\n}\n;\nMDXContent.isMDXComponent = true;","inboundReferences":[{"id":"f1cdd79f-1955-5d47-8896-f8270dd12f80","slug":"skills-talents-and-attitudes"}]}},"pageContext":{"slug":"Next","node":{"childMdx":{"slug":"Next"}}}},
    "staticQueryHashes": []}