[{"data":1,"prerenderedAt":353},["ShallowReactive",2],{"sidebar-posts":3,"post-count":78,"post-\u002Fbuilding-directory-website-with-ai-in-a-day":79,"page-\u002Fbuilding-directory-website-with-ai-in-a-day":341,"neighbours-\u002Fbuilding-directory-website-with-ai-in-a-day":343,"post-projects-\u002Fbuilding-directory-website-with-ai-in-a-day":348},[4,8,12,16,19,23,27,31,35,39,43,47,50,54,58,62,66,70,74],{"path":5,"title":6,"date":7},"\u002Fbuilding-take-contentin-mobile-app","I built a ContentIn mobile app in one night and tested it from the sauna","2026-10-29",{"path":9,"title":10,"date":11},"\u002Fmac-mini-claude-code-dev-server","My Mac Mini is my dev server, and one Claude Code session runs each project","2026-10-27",{"path":13,"title":14,"date":15},"\u002Fmax-out-claude-code-every-week","Max out Claude Code every week until I make 10K a month","2026-10-26",{"path":17,"title":18,"date":15},"\u002Fmaxing-out-claude-code-week-1","Maxing out Claude Code, week 1: a new blog, an app stuck in review and a full Mac Mini",{"path":20,"title":21,"date":22},"\u002Ffully-ai-coded-blog-claude-code","This blog is now fully AI coded and run by an agent I just talk to","2026-10-24",{"path":24,"title":25,"date":26},"\u002Fwhy-i-built-pepelly","Why I built Pepelly, a YouTube app for my daughter without the brain rot","2026-10-22",{"path":28,"title":29,"date":30},"\u002Fhow-i-built-an-equity-tracking-app-for-bootstrap-founders-in-a-weekend","How I Built an Equity Tracking App for Bootstrap Founders in a Weekend","2024-11-25",{"path":32,"title":33,"date":34},"\u002Fbuilding-directory-website-with-ai-in-a-day","How I Built a Directory Website in a Day with AI—and Why It's a Game-Changer for SaaS Traffic","2024-11-10",{"path":36,"title":37,"date":38},"\u002Fnetlify-build-plugin-for-nuxt-dynamic-routes","Use a netlify build plugin to generate your nuxt routes","2020-08-08",{"path":40,"title":41,"date":42},"\u002Foptimized-responsive-lazyloading-images-with-nuxt","How to use optimized, responsive and lazyloading images in a nuxt project","2019-11-16",{"path":44,"title":45,"date":46},"\u002Fnuxt-jam-stack","Building a SEO optimized blog with a Nuxt JAM stack and Markdown files","2019-11-07",{"path":48,"title":49,"date":46},"\u002Fprismjs-nuxtjs-static-pages","Getting Prismjs working with Nuxt",{"path":51,"title":52,"date":53},"\u002Fkeylogs-live-on-producthunt","My second launch this year: Keylogs is LIVE on Product Hunt today!","2018-02-12",{"path":55,"title":56,"date":57},"\u002Fa-new-year-and-a-new-startup","A new year and a new startup","2018-01-19",{"path":59,"title":60,"date":61},"\u002Fabout-mydash-whats-the-stack-and-why-did-i-choose-it","About myDash - What’s the stack and why did I choose it?","2017-10-16",{"path":63,"title":64,"date":65},"\u002Fsuper-fast-wordpress-hosting-germany","WordPress hosting test: super fast on raidboxes.eu","2016-12-09",{"path":67,"title":68,"date":69},"\u002Fbest-resources-for-stock-images","Best resources for stock images","2016-12-05",{"path":71,"title":72,"date":73},"\u002Fset-up-automatic-backups-for-parse-server-on-digital-ocean","Set up automatic backups for parse-server on digital ocean","2016-05-25",{"path":75,"title":76,"date":77},"\u002Fhow-to-run-parse-dashboard-alongside-parse-server-on-digital-ocean","How to setup parse-dashboard alongside parse-server on Digital Ocean","2016-05-18",19,{"id":80,"title":33,"body":81,"date":34,"description":325,"draft":326,"extension":327,"image":328,"meta":329,"navigation":330,"path":32,"projects":331,"readingTime":334,"seo":335,"stem":336,"tags":337,"updated":341,"__hash__":342},"posts\u002Fbuilding-directory-website-with-ai-in-a-day.md",{"type":82,"value":83,"toc":315},"minimark",[84,102,105,108,114,117,133,136,138,143,148,151,172,175,177,181,184,187,191,194,208,211,217,221,224,227,231,234,236,241,244,258,260,265,268,270,275,278,304,307,309],[85,86,87,88,95,96,101],"p",{},"Last weekend, on my way home, I was listening to a ",[89,90,94],"a",{"href":91,"rel":92},"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=hPveUtta0Es",[93],"nofollow","podcast episode"," with Greg Eisenberg and John Rush discussing the benefits of building directory websites as traffic sources for SaaS. John shared some incredible insights and tools that sparked an idea for me. Before I knew it, I was diving into the challenge of building my own directory, ",[89,97,100],{"href":98,"rel":99},"https:\u002F\u002Fwww.bestlinkedintools.com",[93],"BestLinkedInTools.com",", with the aim of completing it within a day—all made possible by AI.",[85,103,104],{},"This article walks through the steps, tools, and takeaways from building a fully functional directory website in a single day and explores how AI is redefining how we approach projects like these.",[106,107],"hr",{},[85,109,110],{},[111,112,113],"strong",{},"Motivation & Goals:",[85,115,116],{},"Inspired by John Rush’s insights, my main motivation for building a directory website was twofold:",[118,119,120,127],"ol",{},[121,122,123,126],"li",{},[111,124,125],{},"Generate Traffic for My SaaS, ContentIn:"," I wanted to leverage the ease of ranking a directory site in search engines compared to a typical SaaS landing page. Directories can serve as significant entry points for traffic, and I knew bestlinkedintools.com could help drive relevant users to my SaaS product.",[121,128,129,132],{},[111,130,131],{},"Create a Monetizable Side Hustle:"," Beyond traffic, I saw the potential for bestlinkedintools.com as a standalone business. Over time, I could monetize it with paid listings or affiliate links, but first, I needed it to rank and generate consistent traffic.",[85,134,135],{},"With those goals in mind, I set out to build a high-quality, reusable website that could expand easily into other directories if the model proved successful.",[106,137],{},[85,139,140],{},[111,141,142],{},"Building the Project:",[144,145,147],"h3",{"id":146},"the-ai-tech-stack","The AI Tech Stack",[85,149,150],{},"The project relied heavily on a stack of AI-powered tools:",[152,153,154,160,166],"ul",{},[121,155,156,159],{},[111,157,158],{},"Cursor AI (Claude Sonnet 3.5)",": My IDE of choice, Cursor, paired with Claude Sonnet 3.5, was essential for generating code efficiently.",[121,161,162,165],{},[111,163,164],{},"Nuxt.js & Tailwind",": Familiar technologies that gave me a solid foundation for scalable development.",[121,167,168,171],{},[111,169,170],{},"Perplexity AI, N8n, and GPT",": A mix of tools for automating content generation.",[85,173,174],{},"Here’s how I used each to bring the project to life.",[106,176],{},[144,178,180],{"id":179},"initial-setup-and-design","Initial Setup and Design",[85,182,183],{},"I started by looking through other directory sites to find a design I liked, then copied the HTML structure and pasted it into Cursor. I knew I wanted to build this site from scratch using Nuxt.js and Tailwind, both for quality and to allow future reusability.",[85,185,186],{},"Using Cursor and Claude, I rebuilt the HTML in Nuxt, setting up components, pages, and composables without having to write much code myself. The process was fast, seamless, and highly effective.",[144,188,190],{"id":189},"content-automation","Content Automation",[85,192,193],{},"Once the site framework was in place, I moved on to content. Here’s the breakdown:",[118,195,196,202],{},[121,197,198,201],{},[111,199,200],{},"Researching Tools",": I used Perplexity AI to generate a list of 100 LinkedIn tools, then fed the data into a Google Sheet.",[121,203,204,207],{},[111,205,206],{},"Automating Entries with N8n and GPT",": Using N8n, I set up automation that pushed each entry to GPT, had it scrape the tool’s website, and populate the content into pre-defined fields. I kept it simple and consistent, outputting the data in markdown format, which I then sent directly to GitLab.",[85,209,210],{},"In about an hour and a half, I had 80 tool entries created automatically—a process that would have taken days without AI.",[85,212,213],{},[214,215],"img",{"alt":190,"src":216},"\u002Fimg\u002Fcontent-automation.png",[144,218,220],{"id":219},"cms-deployment","CMS & Deployment",[85,222,223],{},"To manage content more efficiently, I chose Netlify CMS, which allowed everything to stay on Netlify for straightforward deployment.",[85,225,226],{},"With the markdown files generated by GPT in my GitLab repository, Netlify CMS could instantly sync changes and deploy new entries live. I also set up a basic blog section, initially updated manually with SEOBot by John Rush, and plan to automate this later if I expand the blog.",[144,228,230],{"id":229},"sitemap-creation","Sitemap Creation",[85,232,233],{},"Generating a sitemap, which once took hours of manual work, took just one minute with AI. This was one of the standout moments, a task that used to require significant time and energy reduced to almost no effort.",[106,235],{},[85,237,238],{},[111,239,240],{},"Challenges & Solutions:",[85,242,243],{},"While the AI tools were generally smooth to work with, there were a few notable challenges:",[118,245,246,252],{},[121,247,248,251],{},[111,249,250],{},"Switching from Claude to GPT",": At one point, I hit a rate limit with Claude, which forced me to switch to GPT for some tasks. The quality drop was noticeable, reminding me that not all AI tools are created equal. Working with high-quality tools like Claude 3.5 proved essential to maintaining the workflow’s efficiency and quality.",[121,253,254,257],{},[111,255,256],{},"AI Misunderstandings",": AI still has its limits, and occasionally, it would misinterpret requests or generate content that required refinement. Being familiar with my tech stack allowed me to catch these issues quickly and adjust as needed.",[106,259],{},[85,261,262],{},[111,263,264],{},"Future Plans:",[85,266,267],{},"The immediate goal is to rank the site and drive consistent traffic to test its potential. If the site gains traction, I’ll consider monetization options like paid listings or affiliate links. In the meantime, I plan to refine the automation and possibly integrate more AI tools for additional enhancements.",[106,269],{},[85,271,272],{},[111,273,274],{},"Key Takeaways:",[85,276,277],{},"AI has fundamentally changed how quickly and effectively we can build high-quality websites. Here are my biggest takeaways:",[152,279,280,286,292,298],{},[121,281,282,285],{},[111,283,284],{},"Speed and Efficiency",": What once took days of coding can now be done in hours, without compromising on quality. By automating content generation and leveraging AI for code generation, I could bring this project to life faster than I would have thought possible.",[121,287,288,291],{},[111,289,290],{},"Quality and Maintainability",": AI enables developers to build with a level of quality and maintainability that goes beyond what traditional page builders can offer. Even as I prioritized reusability and scalability, the speed was unmatched.",[121,293,294,297],{},[111,295,296],{},"MVP Mindset",": I could have built a simpler MVP without CMS or brandability features and finished the project in half a day. But thanks to AI’s efficiency, I could prioritize quality without losing momentum.",[121,299,300,303],{},[111,301,302],{},"AI-Enhanced Development for Coders",": While AI might not yet replace coding for non-technical users, it’s an exceptional tool for those who know how to code. AI amplifies developer speed and can outpace any page builder by delivering professional, maintainable code.",[85,305,306],{},"The experience was a reminder of the times we’re living in—where anyone with the right skills and tools can bring an idea to life in a matter of hours. With AI by my side, I’m excited to see what’s next.",[106,308],{},[85,310,311,314],{},[111,312,313],{},"P.S.",": By the way, this article was crafted with GPT as my co-writer. I dictated the story on my way to work into GPT, and the AI then wrote this post from it. Probably my biggest lifehack atm: voice -> GPT -> content.",{"title":316,"searchDepth":317,"depth":318,"links":319},"",2,3,[320,321,322,323,324],{"id":146,"depth":318,"text":147},{"id":179,"depth":318,"text":180},{"id":189,"depth":318,"text":190},{"id":219,"depth":318,"text":220},{"id":229,"depth":318,"text":230},"Learn how I leveraged AI tools to build BestLinkedInTools.com in just one day. Using Claude, GPT, and automation, I created a scalable directory website that drives traffic to my SaaS product while demonstrating the game-changing potential of AI in web development.",false,"md","\u002Fimg\u002Fbestlinkedintools.png",{},true,[332,333],"bestlinkedintools","contentin",5,{"title":33,"description":325},"building-directory-website-with-ai-in-a-day",[338,339,340],"startup","ai","content",null,"CC3x7kwrTAHZwRRR0CoEchUPXHqpt3nmekUngL0pLU4",[344,346],{"title":29,"path":28,"stem":345,"children":-1},"how-i-built-an-equity-tracking-app-for-bootstrap-founders-in-a-weekend",{"title":37,"path":36,"stem":347,"children":-1},"netlify-build-plugin-for-nuxt-dynamic-routes",[349,351],{"id":332,"title":350},"BestLinkedInTools",{"id":333,"title":352},"ContentIn",1793264868465]