This is a submission for the Storyblok Challenge

What I Built

ePublica is a digital publishing platform where anyone can submit an article, and AI will automatically generate the title and summary. All submissions are saved to Storyblok as drafts, so admins can review and publish them.

Built with:

• Next.js (App Router + TypeScript)
• Storyblok CMS for content management
• TailwindCSS for styling
• OpenAI GPT API for generating the title and summary

The entire platform mimics the structure and tone of a traditional newspaper, with grayscale images and editorial formatting.

Demo : https://epublica-frontend.vercel.app/

Storyblok Space:
Used a private space for storing draft and published articles via the Storyblok Management and Delivery APIs.

Code Repository:

[https://github.com/shighiios/epublica-frontend]

Tech Stack

• Next.js 14 (App Router, TypeScript)
• TailwindCSS for responsive styling and layout
• OpenAI GPT-4 for auto-generating titles and summaries
• Storyblok CMS to store all content as draft stories
• Vercel for deployment

How I Used Storyblok

Storyblok serves as the CMS backbone of the project. It stores every submitted article as a draft, allowing admins to review, edit, and publish from the Storyblok UI.

I used:

• Storyblok Management API → to create draft stories from form submissions
• Storyblok Preview API Token → to fetch draft content on the frontend
• Custom content blocks to define article structure

AI Integration

The submission form collects only the article body and author name. On the backend, I use the OpenAI API to:

• Generate a relevant title
• Summarize the content in a few sentences

This keeps the user experience simple and allows the editorial team to work efficiently with high-quality AI-assisted drafts.

Learnings and Takeaways

• Storyblok's visual editing and draft workflow are ideal for community-generated content platforms
• Combining CMS + AI enables powerful automation without sacrificing editorial control
• TailwindCSS made it easy to style a modern UI that still feels like a classic newspaper
• The balance of simplicity and scalability helped me stay focused on delivering a complete user experience