[{"data":1,"prerenderedAt":156},["ShallowReactive",2],{"project-41014490":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":29,"sentiment":30,"stance_mix":31,"scored_comments":35,"aspects":36,"strip":39,"post_text":40,"what":41,"said":69,"maker_in_thread":95,"shape":103,"grid":106,"attempts":120,"same_week":121,"maker_shows":15,"maker_hidden":149,"reader_version":150,"card":151},"41014490","Mdxish","Write high-quality, interactive blog posts in Markdown, live","title","Show HN: Mdxish – Write high-quality, interactive blog posts in Markdown, live","https:\u002F\u002Fgithub.com\u002Fjasonjmcghee\u002Fmdxish","github.com","jasonjmcghee",1721456306,2024,6,5,3042,3515,87,"shown","dev_tools","markdown renderer","web_app",[24,25,26,27,28],"markdown","interactive blog","markdown to html","live preview","gist","quiet",null,{"positive":32,"neutral":33,"mixed":34,"critical":34},2,1,0,3,{"docs":37,"design":38},{"positive":34,"critical":34},{"positive":33,"critical":34},[35,34,15,34,15],"Hi HN!\n\nI wanted an easier way to write technical interactive blog posts. So I built `mdxish`!\n\nYou can write in markdown, mixing classic markdown, html, and javascript together, and see the output html live as you author it.\n\nWriting it in this way creates a really nice medium for the source (easy to read), which is just markdown mixed with code blocks. Also, many IDEs have support for syntax highlighting and intellisense \u002F autocomplete features inside these code blocks.\n\nAnd because `marked` (one of the only dependencies, but does near all of the heavy lifting) works client side, we can even",{"problem":42,"audience":48,"pricing":30,"motivation":53,"time_to_build":30,"stack":57,"openness":66,"stage":67,"team_size":68},{"value":43,"source":44,"evidence":45},"Writing interactive technical blog posts with embedded HTML and JavaScript is cumbersome","maker",[46],{"id":47},"post",{"value":49,"source":50,"evidence":51},"Developers writing technical interactive blog posts","inferred",[52],{"id":47},{"value":54,"source":44,"evidence":55},"Wanted an easier way to write technical interactive blog posts",[56],{"id":47},[58,62],{"value":59,"source":44,"evidence":60},"marked",[61],{"id":47},{"value":63,"source":44,"evidence":64},"JavaScript",[65],{"id":47},"open_source","launched","unknown",{"praise":70,"objections":79,"requests":80,"questions":85,"alternatives":90},[71],{"value":72,"source":73,"evidence":74},"Useful approach for writing interactive posts in Markdown","commenter",[75],{"id":76,"by":77,"text":78},"41018899","rustystump","I dig this. I use mdx which I like but it doesn't play well with nextjs which I don't like. Is there a way to try this out outside of mdxish.com? How would library imports work?",[],[81],{"value":82,"source":73,"evidence":83},"Ability to try it outside mdxish.com and explain library imports",[84],{"id":76,"by":77,"text":78},[86],{"value":87,"source":73,"evidence":88},"How do library imports work?",[89],{"id":76,"by":77,"text":78},[91],{"value":92,"source":73,"evidence":93},"MDX",[94],{"id":76,"by":77,"text":78},{"comments":32,"answered":33,"key":96},[97,100],{"id":98,"text":99},"41016433","Thanks! Fixed",{"id":101,"text":102},"41019244","Absolutely! In the repo I included a video where I do exactly that - you can either run a local live server that keeps the output html up to date, or you can do a one-off…",{"commenters":35,"max_depth":35,"maker_replies":32,"first_comment_mins":104,"lifespan_hours":105},430,18,[107,111,113,115,117],[108,34,35,109,110,34],"41016348","project\u002Fneutral\u002Fdocs","KomoD",[98,34,34,112,11,33],"maker\u002Fneutral\u002Fnone",[76,33,15,114,77,34],"project\u002Fpositive\u002Fdesign",[101,33,34,116,11,33],"maker\u002Fneutral\u002Fdocs",[118,33,15,119,77,34],"41021305","maker\u002Fpositive\u002Fnone",[],[122,127,132,136,141,145],{"id":123,"name":124,"points":125,"category":126},"41007403","Sendune",429,"web_saas",{"id":128,"name":129,"points":130,"category":131},"41045834","Briefer",265,"data",{"id":133,"name":134,"points":135,"category":126},"41031975","billabear.com",260,{"id":137,"name":138,"points":139,"category":140},"41048194","Zerox",246,"ai",{"id":142,"name":143,"points":144,"category":126},"41048196","Overlap",229,{"id":146,"name":147,"points":148,"category":140},"40998497","Mutable.ai Auto Wiki",162,false,"v2",{"id":152,"name":5,"line":6,"ai":149,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":30,"top":18,"kw":153,"maker":11,"domain":10,"tier":19,"attempts":34,"strip":154,"url":9,"mix":155,"praise":72,"objection":-1,"sub":21},41014490,[24,25,26,27,28],"30505",[32,33,34,34],1794036658088]