An AI-powered, next-generation blogging platform
built for creators, editors, and readers — with intelligent content generation powered by Gemini 2.5 Flash and stunning visuals from Pollinations.ai.
BlogCraft is a modern, full-stack blogging platform that seamlessly combines human creativity with AI assistance.
Admins and moderators can generate, refine, and publish articles and images effortlessly — while readers enjoy a smooth, responsive, and personalized reading experience.
- Generate blog articles using Gemini 2.5 Flash prompts.
- Create visually engaging thumbnails via Pollinations.ai.
- Edit or refine AI-generated drafts manually.
Here’s how to generate an AI-powered article inside BlogCraft:
- Go to the “Generate Article” Section in your admin or moderator dashboard.
- Enter a prompt or topic idea — for example:
“Write a blog about the future of AI-driven education.”
- Click on “Generate with AI” — the system will use Gemini 2.5 Flash to produce:
- 🏷 Title → Appears at the top of the AI response.
- 📜 Full Article → Displayed in the middle section.
- 🔖 Hashtags → Shown at the bottom.
- Copy and paste:
- The title into the Title field of your article editor.
- The hashtags into the Tags/Hashtags field.
- Make any manual edits or refinements as needed.
- Finally, click “Publish”.
💡 Tip: AI outputs are fully editable — you can tweak tone, length, or structure using jodit editor before publishing.
- Create, preview, edit, and publish posts.
- Categorize and tag blogs with advanced filters.
- Highlight featured and trending posts dynamically.
| Role | Capabilities |
|---|---|
| Admin | Manage users, approve & publish content, access analytics |
| Reader | Browse, like, comment, and share posts |
- Secure login/signup via NextAuth (Google, Email)
- Role-based access control with JWT
- Real-time analytics: views, engagement, AI performance
- Insights to improve publishing strategy
- Like, share, and comment on posts
- Related article recommendations
- Smooth reading experience with light/dark theme toggle
BlogCraft is built for scalability and future expansion.
- State Management: Redux Toolkit
- Database: MongoDB
- Backend: Node.js + Express
- Rendering: SSR + CSR hybrid (Next.js)
- Deployment: Vercel (frontend + backend)
- Security: JWT, CSRF/XSS protection
| Layer | Technology |
|---|---|
| Frontend | Next.js (React, Tailwind CSS, Framer Motion) |
| State Management | Redux Toolkit |
| Backend | Node.js + Express |
| Database | MongoDB |
| Authentication | NextAuth (JWT, OAuth) |
| AI Integration | Gemini 2.5 Flash (text) + Pollinations.ai (images) |
| Hosting | Vercel |
- SEO-optimized title & keyword suggestions
- Graph-based analytics dashboard
- Monetization options (ads, premium posts)
Example AI Flow:
- ✍️ Generate Article → Gemini 2.5 Flash
- 🎨 Generate Thumbnail → Pollinations.ai
- 📰 Publish Instantly → BlogCraft Dashboard
# Clone the repository
git clone https://github.com/gs-shaykot/next-blog.git
# Move into the project folder
cd BlogCraft
# Install dependencies
npm install
# Set up environment variables
setup .env.local
# Run development server
npm run dev