Context
During the recently concluded Sitecore User Group Conference Europe on April 16-17 in London, United Kingdom, I participated in a Hackerspace workshop. This was an instructor-led Hackerspace workshop organised by Sitecore to give the SUGCON attendees a chance to learn everything Sitecore Marketplace also to create a Marketplace ready app.
We created an AI-powered image generator that uses real-time Sitecore page context to create dynamic visuals via Stable Diffusion and Hugging Face. We walked through step-by-step instructions which can find on this Hackerspace page
Vibecoding with AI
Having successfully completed all the vibecoding steps, I am sharing the full code listing of a fully functional AI-powered image generator. This is based on Next.js and Sitecore Marketplace SDK.
Below are some of the screenshots.
- Installing Marketplace app
- Scaffold Marketplace app in local dev
- Vanilla Marketplace app running in Page Editor
- Vibe Coding in VS Code
- Final result -Image generator in Page Editor
You can now review, download or clone the full working source code from my GitHub Repository
Next steps
Stay tuned for future posts, feel free to leave us comments and feedback as well.
