Definitely NextJS has positioned itself as the best React framework at present, offering all the benefits of the library we love so much, in addit...
For further actions, you may consider blocking this person and/or reporting abuse
In this example we're using only the Home page. What if I want to use the NavBar for every page?
Should I import it on _app.js or _document.js?
In that case is better that you create a Layout in the Pages folder, if you need more help please let me know
I tried this code which works nicely. Thank you very much.
But I seem to have a problem when it gets down to mobile size. Then the hamburger no longer works - it cannot be clicked. The hamburger works fine in tablet size. Any idea why this is and how to fix it?
Hi, I tried this code. And it works nicely. To obtain a menu opening transition I added useRef hook, and so when active set the menu content height equal to refElement.current.scrollHeight + 'px'.
Here my example:
dev-to-uploads.s3.amazonaws.com/up...
Can you share the useRef function. it'll be helpful
NextJS has built in PostCSS support so why are you running PostCSS from the command line?
I prefer using a different file that tailwind.css, but you're right. You can work directly with the tailwind.css file and you don't need to run Postcss from the command line :D
Just wanted to say thank you ❤️ This was perfect!
Hola, yo estoy usando el componente Image para el logo como puedo darle estilos con Taildwind? Probé con className pero no funcionó tampoco con css module
Very useful resource, Thank You.
Ade
Just borrowed your mobile menu approach for a Web3 Dapp... gracias!
I implemented this on iloveto.fish Thank you! Great work :D
After testing lots and lots of NavBars, this one is the best. Thank you
thank you so much for this blog. It has really helped me with a project I am working on.
I have been developing web applications for 2 years now. Tailwind and your blog made my work much easier thanks to that.
Any suggestions for animating/transitioning this? I've tried using HeadlessUI and React-Transition-Group and neither have worked with this tutorial.
I added an overlay and then
<divclassName="fixed inset-0 bg-gray-800 navbar-backdrop opacity-80"
onClick={handleClick}
<
</div>