Skip to content

Commit

Permalink
[core] A few SEO fixes (#35672)
Browse files Browse the repository at this point in the history
  • Loading branch information
oliviertassinari authored Dec 30, 2022
1 parent 933e04b commit dd2848e
Show file tree
Hide file tree
Showing 3 changed files with 11 additions and 7 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

<p class="description">Learn how to use your favorite icon library with Joy UI.</p>

## MUI Material Icons
## Material UI Icons

[@mui/icons-material](https://www.npmjs.com/package/@mui/icons-material)
includes the 2,100+ official [Material Icons](https://fonts.google.com/icons?icon.set=Material+Icons) converted to [SVG Icon](/material-ui/api/svg-icon/) components.
Expand Down Expand Up @@ -56,7 +56,7 @@ Here is an example of how you can do it, if you use [`webpack`](https://webpack.
//...
+ resolve: {
+ alias: {
+ '@mui/material': '@mui/joy'
+ '@mui/material': '@mui/joy',
+ },
+ },
};
Expand All @@ -72,7 +72,7 @@ If you use TypeScript, you will need to update the TSConfig.
+ "paths": {
+ "@mui/material": ["./node_modules/@mui/joy"]
+ }
},
}
}
```

Expand Down Expand Up @@ -125,10 +125,9 @@ Joy UI components can control those variables based on their size and variant to

Here is a collection of well-known icon libraries that you can use with Joy UI.

### React Icons
### react-icons

- [Browse icons](https://react-icons.github.io/react-icons/search)
- [Installation](https://react-icons.github.io/react-icons)
- [Installation](https://react-icons.github.io/react-icons/)

<iframe src="https://codesandbox.io/embed/joy-ui-react-icons-n6jljq?fontsize=12&hidenavigation=1&module=%2Fdemo.tsx&theme=dark"
style="width:100%; height:250px; border:0; border-radius: 4px; overflow:hidden;"
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -147,7 +147,7 @@ Pick one of the following plugins:
module.exports = { plugins };
```

- [babel-plugin-direct-import](https://github.com/umidbekk/babel-plugin-direct-import) with the following configuration:
- [babel-plugin-direct-import](https://github.com/avocadowastaken/babel-plugin-direct-import) with the following configuration:

`yarn add -D babel-plugin-direct-import`

Expand Down
5 changes: 5 additions & 0 deletions packages/markdown/parseMarkdown.js
Original file line number Diff line number Diff line change
Expand Up @@ -151,12 +151,17 @@ function renderInline(markdown) {
return marked.parseInline(markdown);
}

// Help rank mui.com on component searches first.
const noSEOadvantage = [
'https://m2.material.io/',
'https://getbootstrap.com/',
'https://icons.getbootstrap.com/',
'https://materialdesignicons.com/',
'https://www.w3.org/',
'https://tailwindcss.com/',
'https://heroicons.com/',
'https://react-icons.github.io/',
'https://fontawesome.com/',
];

/**
Expand Down

0 comments on commit dd2848e

Please sign in to comment.