diff --git a/content/roadmaps/100-frontend/content/119-graphql/101-relay-modern.md b/content/roadmaps/100-frontend/content/119-graphql/101-relay-modern.md
index b821c1bb5..85558f71f 100644
--- a/content/roadmaps/100-frontend/content/119-graphql/101-relay-modern.md
+++ b/content/roadmaps/100-frontend/content/119-graphql/101-relay-modern.md
@@ -1 +1,9 @@
-# Relay modern
\ No newline at end of file
+# Relay Modern
+
+Relay is a JavaScript client used in the browser to fetch GraphQL data. It's a JavaScript framework developed by Facebook for managing and fetching data in React applications. It is built with scalability in mind in order to power complex applications like Facebook. The ultimate goal of GraphQL and Relay is to deliver instant UI-response interactions.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://relay.dev/'>Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://relay.dev/'>Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://relay.dev/'>Official Website</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://relay.dev/docs/'>Introduction to Relay modern</BadgeLink>