This is a submission for the Storyblok Challenge
What I Built
I created a resource finder function with AI, it uses preview token from Storyblok's content library. It fetches the resources and responds to the prompt that I pass from the frontend.
Demo
Storyblok Space:
The below link gives a JSON format of content library. "curl" requests can be used to test the link.
"https://api.storyblok.com/v2/cdn/stories?version=draft&token=xfmImmgqVJUTHhT2KI3JEQtt"
Code Repository:
Please check the repository.
https://github.com/dharapandya85/Storyblok-challenge
Demo Video or Screenshots
Fig 1 : Frontend Image
Fig 2 : Curl Requests
The demo video is as follows:
https://drive.google.com/file/d/1R2Hn7PiXSyEVO5Ukd7TRDGZeMhGIMMYv/view?usp=drive_link
Tech Stack
Next.js, React, JavaScript, Gemini API, Storyblock Access token, Storyblock's CMS
How I Used Storyblok
I created my space on Storyblock, setting up a next.js environment on VS Code. I created my own content, a folder named "resources", with a story and content-type with sub-blocks. These resources folder is fetched with the prompt, and the Gemini API key with the frontend.
AI Integration
I integrated the Gemini API key with the frontend to fetch Storyblock's content with prompts.
Learnings and Takeaways
The content management with setting up folders and stories, and setting this integration with the frontend was quite hard.
The quota limit of the Gemini API key was also a hurdle while testing.
Looking for feedbacks and suggestions. Please share your opinions.
Top comments (0)