[{"data":1,"prerenderedAt":208},["ShallowReactive",2],{"project-26360343":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":27,"sentiment":28,"stance_mix":29,"scored_comments":33,"aspects":34,"strip":39,"post_text":41,"what":42,"said":84,"maker_in_thread":127,"shape":137,"grid":142,"attempts":170,"same_week":171,"maker_shows":199,"maker_hidden":200,"reader_version":201,"card":202},"26360343","Nextails","Nextjs and TailwindCSS Templates","title","Show HN: Nextjs and TailwindCSS Templates","https:\u002F\u002Fnextails.com\u002F","nextails.com","bilater",1614969960,2021,20,13,1385,2533,55,"shown","dev_tools","ui templates","web_app",[24,25,21,26],"nextjs","tailwindcss","react components","mixed",-0.214,{"positive":30,"neutral":31,"mixed":32,"critical":31},1,2,0,5,{"design":35,"execution":36,"idea":37,"pricing":38},{"positive":32,"critical":30},{"positive":32,"critical":30},{"positive":32,"critical":32},{"positive":30,"critical":32},[30,32,40,32,32,32,40,32,33,30,32,32,32],3,null,{"problem":41,"audience":43,"pricing":54,"motivation":41,"time_to_build":41,"stack":63,"openness":82,"stage":83,"team_size":82},{"value":44,"source":45,"evidence":46},"Developers building Next.js and Tailwind sites","inferred",[47,51],{"id":48,"by":49,"text":50},"26361843","lights0123","Bit 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.",{"id":52,"by":11,"text":53},"26362002","I 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…",{"value":55,"source":56,"evidence":57},"Paid templates, around $30 per template","commenter",[58,59],{"id":52,"by":11,"text":53},{"id":60,"by":61,"text":62},"26362192","brtkdotse","For 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.",[64,74,78],{"value":65,"source":66,"evidence":67},"Next.js","maker",[68,71],{"id":69,"by":11,"text":70},"26366045","Sorry! 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 :(…",{"id":72,"by":11,"text":73},"26371711","It 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.",{"value":75,"source":66,"evidence":76},"TailwindCSS",[77],{"id":52,"by":11,"text":53},{"value":79,"source":66,"evidence":80},"aos animation library",[81],{"id":72,"by":11,"text":73},"unknown","launched",{"praise":85,"objections":90,"requests":109,"questions":114,"alternatives":122},[86],{"value":87,"source":56,"evidence":88},"Good value compared to developer time spent copying templates",[89],{"id":60,"by":61,"text":62},[91,95,102],{"value":92,"source":56,"evidence":93},"Demos are HTML, so the code can be scraped without paying",[94],{"id":48,"by":49,"text":50},{"value":96,"source":56,"evidence":97},"Pricing section breaks without JavaScript enabled",[98],{"id":99,"by":100,"text":101},"26364356","wdb","Doesn't really work without Javascript enabled when disabled the whole pricing element stops working.",{"value":103,"source":56,"evidence":104},"Navigation buttons prevent opening links in new tabs",[105],{"id":106,"by":107,"text":108},"26364568","CallMeMarc","You currently use \u003Cbutton>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…",[110],{"value":111,"source":56,"evidence":112},"Use real links instead of buttons for navigation",[113],{"id":106,"by":107,"text":108},[115],{"value":116,"source":56,"evidence":117},"Why JavaScript is disabled for the site",[118],{"id":119,"by":120,"text":121},"26367335","digitalreach","Why do you have JS disabled?",[123],{"value":124,"source":56,"evidence":125},"Tailwind UI",[126],{"id":48,"by":49,"text":50},{"comments":128,"answered":31,"key":129},6,[130,131,134],{"id":69,"text":70},{"id":132,"text":133},"26371038","Yeah that also works. I was trying to avoid a tag inside a tag. :D",{"id":135,"text":136},"26379631","ok - I was being dumb. Thanks for pointing this out. I have updated the desktop nav links and footer links so now it can be opened in a. new tab :)",{"commenters":138,"max_depth":139,"maker_replies":128,"first_comment_mins":140,"lifespan_hours":141},7,4,119,50,[143,145,147,150,151,153,155,157,159,161,163,165,168],[106,32,30,144,107,32],"project\u002Fcritical\u002Fdesign",[69,32,32,146,11,30],"maker\u002Fneutral\u002Fexecution",[148,32,40,146,149,32],"26370934","carmen_sandiego",[132,32,32,146,11,30],[135,32,32,152,11,30],"maker\u002Fpositive\u002Fexecution",[154,32,32,152,11,30],"26379637",[48,30,40,156,49,32],"project\u002Fneutral\u002Fidea",[52,30,32,158,11,30],"commenter\u002Fneutral\u002Fpricing",[60,30,33,160,61,32],"project\u002Fpositive\u002Fpricing",[99,31,30,162,100,32],"project\u002Fcritical\u002Fexecution",[119,31,32,164,120,32],"commenter\u002Fneutral\u002Fnone",[166,31,32,167,149,32],"26370964","commenter\u002Fneutral\u002Fexecution",[72,31,32,169,11,30],"project\u002Fneutral\u002Fexecution",[],[172,176,181,186,190,194],{"id":173,"name":174,"points":175,"category":20},"26361423","Svelte NodeGUI",624,{"id":177,"name":178,"points":179,"category":180},"26403341","image2csv",354,"data",{"id":182,"name":183,"points":184,"category":185},"26360779","Relocate.me",221,"web_saas",{"id":187,"name":188,"points":189,"category":20},"26399672","Diahook",217,{"id":191,"name":192,"points":193,"category":185},"26375850","Buy My Side Project",190,{"id":195,"name":196,"points":197,"category":198},"26356496","C is for Camera",103,"learning_science",14,false,"v2",{"id":203,"name":5,"line":6,"ai":200,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":204,"top":18,"kw":205,"maker":11,"domain":10,"tier":19,"attempts":32,"strip":206,"url":9,"mix":207,"praise":87,"objection":92,"sub":21},26360343,-0.21,[24,25,21,26],"1030003051000",[30,31,32,31],1794036604028]