Context
During the recently concluded SUGCON LONDON, I participated in a Hackerspace workshop. This was an instructor-led Hackerspace event organised by Sitecore to give attendees a chance to learned everything Sitecore Marketplace and 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 available on this Hakerspace page
Vibecoding with AI
Having successfully completed all the vibecoding steps, I am sharing the full code listing of a working Image generator that is fully functional.
This AI image generator 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.
