From 17d59b5ebc14aaeed9eebece1d750e528ef06bb4 Mon Sep 17 00:00:00 2001
From: Shane Williams <shane.williams@resourcekraft.com>
Date: Sun, 3 Nov 2024 10:35:11 +0000
Subject: [PATCH] Example filenames for ssr

---
 README.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index b2693bb..5ecdc93 100644
--- a/README.md
+++ b/README.md
@@ -102,9 +102,9 @@ To learn about using Server-Side Rendering with [Next.js](https://nextjs.org/doc
 
 ### Step 1: Create a Component for `DevIcon`
 
-First, create a component that wraps `DevIcon`:
+First, create a component that wraps `DevIcon` (example _app/devicon.tsx_):
 
-```tsx app/devicon
+```tsx
 import { DevIcon } from "simple-react-devicon";
 
 const DevIcon = () => {
@@ -116,9 +116,9 @@ export default DevIcon;
 
 ### Step 2: Import the Component into Your Pages
 
-Next, import the newly created component into your pages:
+Next, import the newly created component into your pages (example: _app/page.tsx_):
 
-```tsx app/page.tsx
+```tsx
 import DevIcon from "./DevIcon";
 
 export default function Page() {