At 2:48 we see that you're getting syntax highlighting for the `import Button from ...` line. And you also got some autocomplete while you were typing that line. What extension are you using to get that syntax highlighting and autocomplete? I have the MDX extension by "unified" installed but it does not syntax highlight the import statement or provide autocomplete on it.
the page can use getStaticprops but its the output of the file that the browser reads that makes the performance differences. Ben correct me if im wrong. for instance I use getStaticProps on my personal site to get article titles, descriptions, etc but the output is mdx and Ill get a high 90 lighthouse score instead of high 80.
Is it possible to pass props to mapped component through markdown syntax? For example sometimes I want the text color to be white, sometimes black and I don't want to wrap the text inside any component like in typical jsx file.
Second example with styling inlineCode don't work on nextjs with ts. Have u any idea why? const CustomCode = (props) => { return } const MDXComponents = { p: (props) => , inlineCode: (props) => CustomCode, } export default MDXComponents;
Dude, awesome tutorial. Super straight forward and to the point. Exactly what I needed to see how to style my components. Thanks!
ha! love the fast-writing to not consume time by creating a new component. 👌
Hey bro - this helped a lot. Subscribed!
thanks!
I love short tutorials and was on point. Thanks
Great tutorial Benjamin, I like your content, I learn a lot with with videos, thanks
My pleasure!
At 2:48 we see that you're getting syntax highlighting for the `import Button from ...` line. And you also got some autocomplete while you were typing that line. What extension are you using to get that syntax highlighting and autocomplete?
I have the MDX extension by "unified" installed but it does not syntax highlight the import statement or provide autocomplete on it.
Explain how you loop through all your markdown files! 👌💯
Can u make video for how to use gsap in nextjs
Sure thing!
very helpfull bro seriously
Wow, that was helpful, keep it up!
How did you get those beautiful vsc icons in your Explorer my guy?
hey Ben - this is a great tutorial. I didnt realize you could use react components inside mdx files. New sub! Race you to 10k ;P
Yep! One of the best things about mdx. And you're on!
Great video 💯
Not sure how this is any faster than just statically rendering your pager with getStaticProps. Could you explain further?
the page can use getStaticprops but its the output of the file that the browser reads that makes the performance differences. Ben correct me if im wrong.
for instance I use getStaticProps on my personal site to get article titles, descriptions, etc but the output is mdx and Ill get a high 90 lighthouse score instead of high 80.
Is it possible to pass props to mapped component through markdown syntax? For example sometimes I want the text color to be white, sometimes black and I don't want to wrap the text inside any component like in typical jsx file.
Ahhh man just wish you added frontmatter so we can turn this into a blog! Great vid tho
Second example with styling inlineCode don't work on nextjs with ts. Have u any idea why?
const CustomCode = (props) => {
return
}
const MDXComponents = {
p: (props) => ,
inlineCode: (props) => CustomCode,
}
export default MDXComponents;
Excellent!
sir, chakra ui have responsive column like bootstrap ? like col-6 col-12 ?
You can use grid layout to achieve that: chakra-ui.com/docs/layout/grid
grab tailwind next time instead of wrapping!@
Just wanted to keep things simple in this video!
Why are u lookint at the camera like someone points a gun at you:)))
haha sorry!!