{"componentChunkName":"component---gatsby-theme-mdx-deck-src-templates-deck-js","path":"/","matchPath":"/*","webpackCompilationHash":"47d2e26b69d79ca8c08c","result":{"data":{"deck":{"id":"cddb46e4-4c42-5278-be9e-cd1a2636d829","body":"function _extends() { _extends = Object.assign || 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); }\n\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; }\n\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\n/* @jsx mdx */\nvar theme = customTheme;\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  theme: theme,\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(CodeSurfer, {\n    mdxType: \"CodeSurfer\"\n  }, mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/App.js\\\"\",\n    \"title\": \"\\\"./src/App.js\\\"\"\n  }), \"import { BrowserRouter, NavLink, Redirect, Route, Switch } from \\\"react-router-dom\\\";\\nimport \\\"./App.css\\\";\\nimport { InstrumentListPage } from \\\"./InstrumentListPage\\\";\\nimport { InstrumentSinglePage } from \\\"./InstrumentSinglePage\\\";\\nimport { InstrumentCreatePage } from \\\"./InstrumentCreatePage\\\";\\n\\nfunction App() {\\n  return (\\n    <BrowserRouter>\\n      <nav className=\\\"navbar navbar-expand-sm navbar-dark bg-dark\\\">\\n        <div className=\\\"navbar-collapse\\\" id=\\\"navbarNav\\\">\\n          <ul className=\\\"navbar-nav\\\">\\n            <li className=\\\"nav-item\\\">\\n              <NavLink to={`/`} activeClassName=\\\"active\\\" exact>\\n                <span className=\\\"nav-link\\\">Hangszerek</span>\\n              </NavLink>\\n            </li>\\n            <li className=\\\"nav-item\\\">\\n              <NavLink to={`/uj-hangszer`} activeClassName=\\\"active\\\">\\n                <span className=\\\"nav-link\\\">\\xDAj hangszer</span>\\n              </NavLink>\\n            </li>\\n          </ul>\\n        </div>\\n      </nav>\\n      <Switch>\\n        <Route path=\\\"/\\\" exact component={InstrumentListPage} />\\n        <Route path=\\\"/hangszer/:hangszerId\\\" component={InstrumentSinglePage} />\\n        <Route path=\\\"/uj-hangszer\\\">\\n          <Route path=\\\"/uj-hangszer\\\" component={InstrumentCreatePage} />\\n        </Route>\\n        <Redirect to={\\\"/\\\"} />\\n      </Switch>\\n    </BrowserRouter>\\n  );\\n}\\n\\nexport default App;\\n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/InstrumentListPage.js\\\"\",\n    \"title\": \"\\\"./src/InstrumentListPage.js\\\"\"\n  }), \"import { useEffect, useState } from \\\"react\\\";\\nimport { NavLink } from \\\"react-router-dom\\\";\\n\\nexport function InstrumentListPage() {\\n  const [instruments, setInstruments] = useState([]);\\n  const [isFetchPending, setFetchPending] = useState(false);\\n\\n  useEffect(() => {\\n    setFetchPending(true);\\n    fetch(\\n        \\\"https://kodbazis.hu/api/instruments\\\", \\n        {credentials: \\\"include\\\"}\\n      )\\n      .then((res) => res.json())\\n      .then((hangszerek) => setInstruments(hangszerek))\\n      .catch(console.log)\\n      .finally(() => {\\n        setFetchPending(false);\\n      });\\n  }, []);\\n\\n  return ...\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/InstrumentListPage.js\\\"\",\n    \"title\": \"\\\"./src/InstrumentListPage.js\\\"\"\n  }), \"import { useEffect, useState } from \\\"react\\\";\\nimport { NavLink } from \\\"react-router-dom\\\";\\n\\nexport function InstrumentListPage() {\\n  const [instruments, setInstruments] = useState([]);\\n  const [isFetchPending, setFetchPending] = useState(false);\\n\\n  useEffect(() => {\\n    setFetchPending(true);\\n    fetch(\\n        process.env.REACT_APP_BACKEND_URL + \\\"/api/instruments\\\", \\n        {credentials: \\\"include\\\"}\\n      )\\n      .then((res) => res.json())\\n      .then((hangszerek) => setInstruments(hangszerek))\\n      .catch(console.log)\\n      .finally(() => {\\n        setFetchPending(false);\\n      });\\n  }, []);\\n\\n  return ...\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\".env\\\"\",\n    \"title\": \"\\\".env\\\"\"\n  }), \"REACT_APP_BACKEND_URL=\\\"https://kodbazis.hu\\\"\\n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\".env\\\"\",\n    \"title\": \"\\\".env\\\"\"\n  }), \"REACT_APP_BACKEND_URL=\\\"\\\"\\n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\".env.development\\\"\",\n    \"title\": \"\\\".env.development\\\"\"\n  }), \"REACT_APP_BACKEND_URL=\\\"http://localhost:8080\\\"\\n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/InstrumentListPage.js\\\"\",\n    \"title\": \"\\\"./src/InstrumentListPage.js\\\"\"\n  }), \"import { useEffect, useState } from \\\"react\\\";\\nimport { NavLink } from \\\"react-router-dom\\\";\\n\\nexport function InstrumentListPage() {\\n  const [instruments, setInstruments] = useState([]);\\n  const [isFetchPending, setFetchPending] = useState(false);\\n\\n  useEffect(() => {\\n    setFetchPending(true);\\n    fetch(\\n        process.env.REACT_APP_BACKEND_URL + \\\"/api/instruments\\\", \\n        {credentials: \\\"include\\\"}\\n      )\\n      .then((res) => res.json())\\n      .then((hangszerek) => setInstruments(hangszerek))\\n      .catch(console.log)\\n      .finally(() => {\\n        setFetchPending(false);\\n      });\\n  }, []);\\n\\n  return ...\\n\"))), mdx(\"hr\", null), mdx(CodeSurferColumns, {\n    mdxType: \"CodeSurferColumns\"\n  }, mdx(Step, {\n    mdxType: \"Step\"\n  }, mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\".env.development\\\"\",\n    \"title\": \"\\\".env.development\\\"\"\n  }), \"REACT_APP_BACKEND_URL=\\\"http://localhost:8080\\\"\\n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\".env\\\"\",\n    \"title\": \"\\\".env\\\"\"\n  }), \"REACT_APP_BACKEND_URL=\\\"\\\"\\n\\n\"))), mdx(Step, {\n    mdxType: \"Step\"\n  }, mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\".env.development\\\"\",\n    \"title\": \"\\\".env.development\\\"\"\n  }), \"REACT_APP_BACKEND_URL=\\\"http://localhost:8080\\\"\\nREACT_APP_API_KEY=\\\"uSk4WjauhXb9B8bJ\\\"\\n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\".env\\\"\",\n    \"title\": \"\\\".env\\\"\"\n  }), \"REACT_APP_BACKEND_URL=\\\"\\\"\\nREACT_APP_API_KEY=\\\"uSk4WjauhXb9B8bJ\\\"\\n\\n\"))), mdx(Step, {\n    mdxType: \"Step\"\n  }, mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\".env.development\\\"\",\n    \"title\": \"\\\".env.development\\\"\"\n  }), \"REACT_APP_BACKEND_URL=\\\"http://localhost:8080\\\"\\nREACT_APP_API_KEY=\\\"uSk4WjauhXb9B8bJ\\\"\\nREACT_APP_PUBLIC_KEY=\\\"vjkFQF8ax4ccL9t3\\\"\\n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\".env\\\"\",\n    \"title\": \"\\\".env\\\"\"\n  }), \"REACT_APP_BACKEND_URL=\\\"\\\"\\nREACT_APP_API_KEY=\\\"uSk4WjauhXb9B8bJ\\\"\\nREACT_APP_PUBLIC_KEY=\\\"vjkFQF8ax4ccL9t3\\\"\\n\\n\")))), mdx(\"hr\", null), mdx(CodeSurfer, {\n    mdxType: \"CodeSurfer\"\n  }, mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"Terminal\\\"\",\n    \"title\": \"\\\"Terminal\\\"\"\n  }), \"\\nnpm run build\\n\\n\"))), mdx(\"hr\", null), mdx(CodeSurfer, {\n    mdxType: \"CodeSurfer\"\n  }, mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-bash\",\n    \"metastring\": \"title=\\\"Szerver oldali konfiguráció\\\"\",\n    \"title\": \"\\\"Szerver\",\n    \"oldali\": true,\n    \"konfiguráció\\\"\": true\n  }), \"\\nHa API k\\xE9r\\xE9s \\xE9rkezett (pl. GET \\\"/api/instruments\\\", POST \\\"/api/instruments\\\"):\\n  - Futtassunk szerver oldali szkriptet, az adott \\xFAtvonal kapcs\\xE1n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-bash\",\n    \"metastring\": \"title=\\\"Szerver oldali konfiguráció\\\"\",\n    \"title\": \"\\\"Szerver\",\n    \"oldali\": true,\n    \"konfiguráció\\\"\": true\n  }), \"\\u200F\\u200F\\u200E \\u200E\\nHa API k\\xE9r\\xE9s \\xE9rkezett (pl. GET \\\"/api/instruments\\\", POST \\\"/api/instruments\\\"):\\n  - Futtassunk szerver oldali szkriptet, az adott \\xFAtvonal kapcs\\xE1n\\n\\nHa statikus er\\u0151forr\\xE1sra \\xE9rkezett a request (pl. \\\"/static/css/main.ea1455b2.chunk.css\\\"):\\n  - Szolg\\xE1ljuk ki a f\\xE1jlt\\n\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-bash\",\n    \"metastring\": \"title=\\\"Szerver oldali konfiguráció\\\"\",\n    \"title\": \"\\\"Szerver\",\n    \"oldali\": true,\n    \"konfiguráció\\\"\": true\n  }), \"\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nHa API k\\xE9r\\xE9s \\xE9rkezett (pl. GET \\\"/api/instruments\\\", POST \\\"/api/instruments\\\"):\\n  - Futtassunk szerver oldali szkriptet, az adott \\xFAtvonal kapcs\\xE1n\\n\\nHa statikus er\\u0151forr\\xE1sra \\xE9rkezett a request (pl. \\\"/static/css/main.ea1455b2.chunk.css\\\"):\\n  - Szolg\\xE1ljuk ki a f\\xE1jlt\\n\\nMinden m\\xE1s esetben (pl. \\\"/\\\", \\\"/uj-hangszer\\\", \\\"/hangszer/5fef84f891013\\\"):\\n  - Szolg\\xE1ljuk ki az index.html-t\\n\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-bash\",\n    \"metastring\": \"title=\\\".htaccess\\\"\",\n    \"title\": \"\\\".htaccess\\\"\"\n  }), \"\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\n<IfModule mod_rewrite.c>\\n  RewriteEngine On\\n\\n</IfModule>\\u200F\\u200F\\u200E\\n\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-bash\",\n    \"metastring\": \"title=\\\".htaccess\\\"\",\n    \"title\": \"\\\".htaccess\\\"\"\n  }), \"\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\n<IfModule mod_rewrite.c>\\n  RewriteEngine On\\n\\n  RewriteCond %{REQUEST_URI} ^.*api/(.*)\\n  RewriteRule ^(.*)$ api/index.php [END]\\n\\n</IfModule>\\u200F\\u200F\\u200E\\n\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-bash\",\n    \"metastring\": \"title=\\\".htaccess\\\"\",\n    \"title\": \"\\\".htaccess\\\"\"\n  }), \"\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\n<IfModule mod_rewrite.c>\\n  RewriteEngine On\\n\\n  RewriteCond %{REQUEST_URI} ^.*api/(.*)\\n  RewriteRule ^(.*)$ api/index.php [END]\\n\\n  RewriteCond %{REQUEST_FILENAME} !-d\\n  RewriteCond %{REQUEST_FILENAME} !-f\\n\\n</IfModule>\\u200F\\u200F\\u200E\\n\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-bash\",\n    \"metastring\": \"title=\\\".htaccess\\\"\",\n    \"title\": \"\\\".htaccess\\\"\"\n  }), \"\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\n<IfModule mod_rewrite.c>\\n  RewriteEngine On\\n\\n  RewriteCond %{REQUEST_URI} ^.*api/(.*)\\n  RewriteRule ^(.*)$ api/index.php [END]\\n\\n  RewriteCond %{REQUEST_FILENAME} !-d\\n  RewriteCond %{REQUEST_FILENAME} !-f\\n\\n  RewriteRule ^ index.html [QSA,L]\\n</IfModule>\\u200F\\u200F\\u200E\\n\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\u200F\\u200F\\u200E \\u200F\\u200F\\u200E \\u200E\\u200E\\n\"))));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"matchPath":"/*","isCreatedByStatefulCreatePages":false,"id":"cddb46e4-4c42-5278-be9e-cd1a2636d829","slug":"","title":""}}}