{"componentChunkName":"component---src-templates-term-jsx","path":"/responsive-design-glossary/content-first/","result":{"data":{"mdx":{"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/* @jsxRuntime classic */\n\n/* @jsx mdx */\nconst _frontmatter = {\n  \"title\": \"Content first\",\n  \"plural\": false\n};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n    components\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, `\"Content first\" is a way of developing websites where you literally start with the content before you start the design. With Content first, you focus on the content and the structure of your site before anything else, leading to a more logical structure and layout.`), mdx(\"p\", null, `In an ideal world, every project would have the entire content mapped out before the start of the design and before the start of development. Practically speaking though, this is almost never the case (and there is a point to be made about the content being created in tandem with the rest of the site). However, having `, mdx(\"em\", {\n    parentName: \"p\"\n  }, `some`), ` content ready will greatly improve your design, and having an idea of `, mdx(\"em\", {\n    parentName: \"p\"\n  }, `which`), ` content you want to write (for example, by creating a sitemap) will already improve your site's structure.`));\n}\n;\nMDXContent.isMDXComponent = true;","excerpt":"\"Content first\" is a way of developing websites where you literally start with the content before you start the design…","frontmatter":{"title":"Content first","plural":false,"determiner":null},"fields":{"slug":"/responsive-design-glossary/content-first/","ogFileName":"content-first"}}},"pageContext":{"slug":"/responsive-design-glossary/content-first/"}},"staticQueryHashes":["4164364741","425175329"]}