Connor Rolane (32:03)
The best way to get all your Shopify data into an LLM? So yesterday I actually, like, Vibe coded a Shopify site. I was trying to learn about, like, you know, how to work with the platform and things of that nature. And I built a really nice site. Like, it looks great, like, fully with Claude code. Just kind of talk about my process and then I'll try to answer, answer your question as I go. So at first, like. So I've never built a Shopify site, like for, for instance, right. Like, have very little experience in the platform. When I've tried to go in there, in there before, I'm like, this is, this is a lot. So I, I kind of like, just shelved that. But what I realized once I sort of unlocked like, Claude code and, and cursor and stuff like that is, you know, a Shopify theme or a Shopify website is, is just code like any other site, right? So I tried to start with like a free theme from, from Shopify. I downloaded the theme, I loaded it into my Vibe coding tools, and I started to work on it. And what I realized was there's a lot of stuff in there that prevented me from getting it, like, on brand, so to speak. It was kind of hard to make it look good. It wasn't really functioning right. So I, I said, hey, Claude code, let's just write our own theme from scratch. Like, knowing what you can go find out about, you know, the, the Shopify documentation and the files that I've already uploaded. And it built a theme from scratch. I connected GitHub to Shopify. So within my vibe coding, you know, IDE or development environment, I say, hey, push it to GitHub. It automatically updates my Shopify site. So, and, and like, I can go there and look at it. I can show it to you. It looks really, really good. Today, before we hopped on here, I was thinking, like, about some of the use cases that we might talk about. And I was like, you know, I assume that a lot of brands spend a lot of money with like, agencies to build, like, landing pages and, you know, all these types of, like, assets or whatever. Can I build like a really nice landing page with Claude code and push it live to shopify that was kind of like my problem statement. So within Cursor, which is what I use, Cursor is kind of like the next level vibe coding tool beyond, like lovable and bolt and replit and all that. Okay, I went into Cursor, and within Cursor, I can chat with some MCPs that I have set up. So I used Perplexity. I said, hey, use the Perplexity MCP to look at Hexclad, Jones, Road Ridge, AG1 and Grunds. And I want you to tell me exactly how I could build a long form direct response landing page. All right, so it went out, it did a bunch of research. It took a couple minutes. It came back with like a super detailed roadmap on how I could build a page. I copy and pasted that into cloud code. And I said, hey, build this page. Use. Use the brand system that we already developed for the main site and, you know, build it and deploy it. So I did that. I went back and forth a little bit. It took about 30 minutes to build a really nice landing page that was like totally on brand. So, like, I think that's pretty crazy in the sense that, you know, you can access your Shopify site. You can create like a. Like a clone of your site, not like the production site. You can create a branch on, on Shopify that's maybe a preview or something like that. And you can get in and you can change copy, you can update CTAs, you can deploy landing pages and stuff like that. Seems to be a really good way to go like 0 to 1 and maybe share that final output with, say, your agency who has full context on the production website and stuff like that, you know, so the way that I accessed Shopify was through GitHub, but you can also install a Shopify CLI, so that lives within your terminal and that allows you to deploy product pages, access product information, and really get the full range of data and information from your Shopify site. So if you have Claude code or something like that, you can install the Shopify CLI and then it'll ask for your credentials and you go and log in and then, you know, it's a matter of, hey, Claude code. Like, what. What's everything you can access from my site? Like, tell me what my products are like, all that stuff. Like, list out all the descriptions for every one of my projects, give me some ideas for how we could optimize, you know, product descriptions or something like that. And it has full access to your code base and it can. It can do that, which is pretty crazy. So, yeah, you can access it via the cli, which lives in your terminal. You can access it programmatically via Shopify's API and pull that data into your Vibe coding tool of choice and work with it. So there's many ways to access Shopify. I think those were three that I just mentioned right there.