Skip to content

Commit

Permalink
Merge pull request #38 from joseallef/joseallef-patch-16
Browse files Browse the repository at this point in the history
Update README.md
  • Loading branch information
joseallef authored Jun 2, 2024
2 parents acd9592 + c759207 commit d969f5b
Showing 1 changed file with 1 addition and 48 deletions.
49 changes: 1 addition & 48 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<h1 align="center">
<p>Portfolio site</p>
<p>Website</p>
<img src="https://user-images.githubusercontent.com/46696111/157259784-91775083-ad4e-4c8c-ac07-f4443d0f2e08.gif">
</h1>

Expand Down Expand Up @@ -54,50 +54,3 @@
```bash
http://localhost:3000
```

<details>
<summary>Click to expand workaround example</summary>
<br />

**components/StyledLink.js**

```javascript
import Link from 'next/link'
import styled from 'styled-components'

const StyledLink = ({ as, children, className, href }) => (
<Link href={href} as={as} passHref>
<a className={className}>{children}</a>
</Link>
)

export default styled(StyledLink)`
color: #0075e0;
text-decoration: none;
transition: all 0.2s ease-in-out;
&:hover {
color: #40a9ff;
}
&:focus {
color: #40a9ff;
outline: none;
border: 0;
}
`
```

**pages/index.js**

```javascript
import StyledLink from '../components/StyledLink'

export default () => (
<StyledLink href="/post/[pid]" forwardedAs="/post/abc">
First post
</StyledLink>
)
```

</details>

0 comments on commit d969f5b

Please sign in to comment.