remote
next.config.js
const withMDX = require("@next/mdx")({
extension: /\.mdx?$/,
});
module.exports = withMDX({
pageExtensions: ["js", "jsx", "md", "mdx"],
});
< /code>
компонент < /h1>
// CSS
import Home from "../../styles/main/Home.module.css";
const Headline = () => {
return (
);
};
export default Headline;
< /code>
css < /h1>
#main-banner {
width: 100%;
border: 1px solid white;
color: white;
border-radius: 3px;
align-self: center;
margin-top: 40px;
height: 40px;
align-items: center;
padding-left: 30px;
padding-right: 30px;
text-align: center;
}
Подробнее здесь: https://stackoverflow.com/questions/705 ... tion-build