Skip to content

Commit c28c6b4

Browse files
committed
Use Next.js Link component instead of a tags
- Replace all anchor tags with Next.js Link component - Import Link from 'next/link' in Hero and Footer components - Maintain all existing props (target, rel, styling) - Follow Next.js best practices for navigation
1 parent 9d859ec commit c28c6b4

File tree

2 files changed

+13
-11
lines changed

2 files changed

+13
-11
lines changed

landing/src/app/Footer.tsx

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
'use client'
22

3+
import Link from 'next/link'
34
import { Box, Container, Grid, Flex } from '@devup-ui/react'
45

56
export default function Footer() {
@@ -42,7 +43,7 @@ export default function Footer() {
4243
</Box>
4344
<Flex direction="column" gap="sm">
4445
<Box
45-
as="a"
46+
as={Link}
4647
href="https://github.com/dev-five-git/devup-api#readme"
4748
target="_blank"
4849
rel="noopener noreferrer"
@@ -54,7 +55,7 @@ export default function Footer() {
5455
Documentation
5556
</Box>
5657
<Box
57-
as="a"
58+
as={Link}
5859
href="https://github.com/dev-five-git/devup-api#-quick-start"
5960
target="_blank"
6061
rel="noopener noreferrer"
@@ -66,7 +67,7 @@ export default function Footer() {
6667
Quick Start
6768
</Box>
6869
<Box
69-
as="a"
70+
as={Link}
7071
href="https://github.com/dev-five-git/devup-api/tree/main/examples"
7172
target="_blank"
7273
rel="noopener noreferrer"
@@ -78,7 +79,7 @@ export default function Footer() {
7879
Examples
7980
</Box>
8081
<Box
81-
as="a"
82+
as={Link}
8283
href="https://github.com/dev-five-git/devup-api#-packages"
8384
target="_blank"
8485
rel="noopener noreferrer"
@@ -103,7 +104,7 @@ export default function Footer() {
103104
</Box>
104105
<Flex direction="column" gap="sm">
105106
<Box
106-
as="a"
107+
as={Link}
107108
href="https://github.com/dev-five-git/devup-api"
108109
target="_blank"
109110
rel="noopener noreferrer"
@@ -115,7 +116,7 @@ export default function Footer() {
115116
GitHub
116117
</Box>
117118
<Box
118-
as="a"
119+
as={Link}
119120
href="https://github.com/dev-five-git/devup-api/issues"
120121
target="_blank"
121122
rel="noopener noreferrer"
@@ -127,7 +128,7 @@ export default function Footer() {
127128
Issues
128129
</Box>
129130
<Box
130-
as="a"
131+
as={Link}
131132
href="https://github.com/dev-five-git/devup-api/pulls"
132133
target="_blank"
133134
rel="noopener noreferrer"
@@ -139,7 +140,7 @@ export default function Footer() {
139140
Pull Requests
140141
</Box>
141142
<Box
142-
as="a"
143+
as={Link}
143144
href="https://www.npmjs.com/package/@devup-api/fetch"
144145
target="_blank"
145146
rel="noopener noreferrer"
@@ -183,7 +184,7 @@ export default function Footer() {
183184
<Box>
184185
Licensed under Apache 2.0 | Inspired by{' '}
185186
<Box
186-
as="a"
187+
as={Link}
187188
href="https://github.com/drwpow/openapi-typescript"
188189
target="_blank"
189190
rel="noopener noreferrer"

landing/src/app/Hero.tsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
'use client'
22

3+
import Link from 'next/link'
34
import { Box, Container, Flex } from '@devup-ui/react'
45

56
export default function Hero() {
@@ -78,7 +79,7 @@ export default function Hero() {
7879
flexWrap="wrap"
7980
>
8081
<Box
81-
as="a"
82+
as={Link}
8283
href="https://github.com/dev-five-git/devup-api#-quick-start"
8384
target="_blank"
8485
rel="noopener noreferrer"
@@ -98,7 +99,7 @@ export default function Hero() {
9899
Get Started
99100
</Box>
100101
<Box
101-
as="a"
102+
as={Link}
102103
href="https://github.com/dev-five-git/devup-api"
103104
target="_blank"
104105
rel="noopener noreferrer"

0 commit comments

Comments
 (0)