diff --git a/README.md b/README.md
index aef41d9..7532566 100644
--- a/README.md
+++ b/README.md
@@ -23,6 +23,12 @@ To determine the language displayed of the vocabulary the browser language is us
If the browser language is not present in the vocabulary a default language is chosen.
If you want to link to a specific language, you can use a URL parameter: `?lang=de`.
+## Deprecation of Concepts
+
+To mark a concept as deprecated you can mark it with `owl:deprecated true`.
+To point to a successor add `dct:isReplacedBy`.
+The information will be available in the machine readable version as well as in the html page.
+
## Set up
### Install Node.js
diff --git a/gatsby-node.js b/gatsby-node.js
index 99decc5..04fa0d7 100644
--- a/gatsby-node.js
+++ b/gatsby-node.js
@@ -144,6 +144,7 @@ exports.onPreBootstrap = async ({ createContentDigest, actions, getNode }) => {
topConceptOf,
hasTopConcept,
member,
+ deprecated,
...properties
} = graph
const type = Array.isArray(properties.type)
@@ -174,6 +175,7 @@ exports.onPreBootstrap = async ({ createContentDigest, actions, getNode }) => {
* a concept scheme not present in the graphql data layer would not be found and not
* be shown on the concepts page.
*/
+ deprecated: Boolean(deprecated) || null,
inSchemeAll:
inSchemeFiltered.map((inScheme) => ({ id: inScheme.id })) || null,
// topConceptOf nodes are also set to inScheme to facilitate parsing and filtering later
diff --git a/src/components/Concept.jsx b/src/components/Concept.jsx
index 4d3aaf9..58702c9 100644
--- a/src/components/Concept.jsx
+++ b/src/components/Concept.jsx
@@ -1,7 +1,7 @@
import Markdown from "markdown-to-jsx"
import { Link } from "gatsby"
import JsonLink from "./JsonLink.jsx"
-import { getConceptSchemes } from "../hooks/getConceptSchemes"
+import { getConfigAndConceptSchemes } from "../hooks/configAndConceptSchemes.js"
import { useSkoHubContext } from "../context/Context.jsx"
import { i18n, getDomId, getFilePath } from "../common"
import ConceptURI from "./ConceptURI.jsx"
@@ -10,7 +10,7 @@ import { useEffect, useState } from "react"
const Concept = ({
pageContext: { node: concept, collections, customDomain },
}) => {
- const conceptSchemes = getConceptSchemes()
+ const { config, conceptSchemes } = getConfigAndConceptSchemes()
const { data } = useSkoHubContext()
const [language, setLanguage] = useState("")
@@ -20,12 +20,29 @@ const Concept = ({
return (