Newsletter Color Scheme Change for Light and Dark mode. [Accessibility] about tailwind-nextjs-starter-blog HOT 3 CLOSED

This fix did work and it seems to be the best solution currently. For more context I followed @brohvis suggestion and copied the NewletterForm source code from (https://github.com/timlrx/pliny/blob/main/packages/pliny/src/ui/NewsletterForm.tsx) and added it to my app directory with use client at the top. Then in Main.tsx I simply changed it to import to that file instead of from pliny.

from tailwind-nextjs-starter-blog.

Hey there, bear with me, as I'm learning too, but - I got around this by taking a look in the repository for Pliny and when I saw this note on the Pliny page.

Note: The previous cli and starter template have been deprecated. Please use the new components directly in your favourite Next 13 websites.

I then (believe the term is "scaffolded"?), took the source "NewsletterForm" that was being imported, (from here)and then added use client and I was able to call and use the form and verify that it still works, as well as style the button and divs inline with tailwind. Can't speak to the "correct"ness or anything as I'm just getting started but it works and it's pretty!

from tailwind-nextjs-starter-blog.

Thank you for responding I will look into this solution. I appreciate you sharing it. I was discussing this in a Discord and I think this feels more like a solution that I am comfy exploring.

from tailwind-nextjs-starter-blog.