6 ms·
Show HN: Nextjs and TailwindCSS Templates
- lights0123 6y agoBit of a risky move to show actual HTML demos instead of just image previews like Tailwind UI, but I see the additional value in providing a backend template too.
- bilater 6y agoI mean if someone is willing to go through the effort to copy paste the code bit by bit from inspecting each element rather than spending a few bucks they probably were never a customer to begin with :D
- brtkdotse 6y agoFor real. I have bought dozens of little templates like this, because $30 is about 15-30 minutes of my hourly cost. Scraping it would take at least a good 2 hours.
- wdb 6y agoDoesn't really work without Javascript enabled when disabled the whole pricing element stops working.
- digitalreach 6y agoWhy do you have JS disabled?
- carmen_sandiego 6y agoTo be fair in this case it’s specifically a site about a framework famous for server rendering, so you kind of expect it to work without JS.
- bilater 6y agoIt does work. What doesn't is the aos library which is responsible for the animations. You can take it out if you'd rather it work for this edge case.
- CallMeMarc 6y agoYou currently use <button>s for your navigation (and in the footer) which means I can't use neither my scroll wheel button to open links in a new tab nor can I right-click and open it in a new tab. I guess you could use <a href="/whatever" role="button"> to get the same semantics but also make it easier for people like me (and people using screen readers!) :)
- bilater 6y agoSorry! It's because the Nextjs Link component is dumb and doesn't let you pass className directly so I can't style it without using button and the onClick option to navigate :( You can make it an <a> tag (as you pointed out) and add target="_blank" which will make it open in a new tab. Will also have to add "cursor-pointer" in the className to get the cursor on hover effect.
- carmen_sandiego 6y agoclassName should be set on your <a> which is wrapped by <Link>. Or have I misunderstood your problem?
- bilater 6y agoI've updated the code now - so you should be able to navigate it better!