diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/readme.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/readme.md
index a2c1486ab..885ee84af 100644
--- a/content/roadmaps/100-frontend/content/118-server-side-rendering/readme.md
+++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/readme.md
@@ -1 +1,11 @@
-# Server side rendering
\ No newline at end of file
+# Server-side rendering 
+
+Server-side rendering refers to the process that the service side completes the HTML structure splicing of the page, sends it to the browser, and then binds the status and events for it to become a fully interactive page.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://www.educative.io/answers/what-is-server-side-rendering'>what is server side rendering</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://medium.com/@mbleigh/when-should-i-server-side-render-c2a383ff2d0f'>When should I Server-Side Render?</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://vuejs.org/guide/scaling-up/ssr.html'>Server-Side Rendering (SSR)</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=GQzn7XRdzxY'>what is server side rendering?</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=okvg3MRAPs0'>What is server-side rendering for web development?</BadgeLink>