The documentation for Tailwind CSS for Next.js could benefit from improvement, particularly regarding the 3rd step.
Specifically, while it is mentioned to use #__nextfor Next.js, it should explicitly state to add this ID to the <body> tag:
<body id="__next">
While some might understand this implicitly, it's not always straightforward, and many tutorials on this topic mention it. I believe it would be more beneficial to include this information in the official documentation rather than relying on random tutorials.
Context
I tried to setup Tailwind CSS with Next.js with the App Router.
Related page
https://mui.com/material-ui/integrations/interoperability/#tailwind-css
Kind of issue
Missing information
Issue description
The documentation for Tailwind CSS for Next.js could benefit from improvement, particularly regarding the 3rd step.
Specifically, while it is mentioned to use
#__next
for Next.js, it should explicitly state to add this ID to the<body>
tag:<body id="__next">
While some might understand this implicitly, it's not always straightforward, and many tutorials on this topic mention it. I believe it would be more beneficial to include this information in the official documentation rather than relying on random tutorials.
Context
I tried to setup Tailwind CSS with Next.js with the App Router.
Search keywords: Tailwind Next.js setup