File tree Expand file tree Collapse file tree 1 file changed +4
-4
lines changed Expand file tree Collapse file tree 1 file changed +4
-4
lines changed Original file line number Diff line number Diff line change @@ -102,9 +102,9 @@ To learn about using Server-Side Rendering with [Next.js](https://nextjs.org/doc
102
102
103
103
### Step 1: Create a Component for ` DevIcon `
104
104
105
- First, create a component that wraps ` DevIcon ` :
105
+ First, create a component that wraps ` DevIcon ` (example _ app/devicon.tsx _ ) :
106
106
107
- ``` tsx app/devicon
107
+ ``` tsx
108
108
import { DevIcon } from " simple-react-devicon" ;
109
109
110
110
const DevIcon = () => {
@@ -116,9 +116,9 @@ export default DevIcon;
116
116
117
117
### Step 2: Import the Component into Your Pages
118
118
119
- Next, import the newly created component into your pages:
119
+ Next, import the newly created component into your pages (example: _ app/page.tsx _ ) :
120
120
121
- ``` tsx app/page.tsx
121
+ ``` tsx
122
122
import DevIcon from " ./DevIcon" ;
123
123
124
124
export default function Page() {
You can’t perform that action at this time.
0 commit comments