Cloud Integration

BlogVsn Platform

BlogVsn Platform

Cloud-native blogging platform

BlogVsn bridges the gap between traditional CMS content management and modern single-page application performance. By utilizing the Blogger API v3, content management remains completely decoupled from the presentation layer, enabling dynamic, real-time content delivery with edge-cached global distribution.

Performance

Edge-cached API responses for instantaneous loading and minimal latency.

Security

Google Identity Services for zero-knowledge authentication and data protection.

This project demonstrates how to integrate cloud services (Google OAuth, Blogger API) with modern React patterns to build a scalable, performant blogging platform. The architecture separates concerns between authentication, data fetching, and content rendering.

Architecture Highlights

  • Decoupled CMS integration with Blogger API v3
  • OAuth 2.0 authentication with Google Identity Services
  • Edge-cached content delivery via Vercel CDN
  • Serverless email integration with EmailJS

Screenshots

Data Feed

Data Feed

Content Engine

Content Engine

Auth Dashboard

Auth Dashboard

SMTP Gateway

SMTP Gateway

Data Flow

1.Client makes request
2.OAuth verification
3.Fetch from Blogger API
4.Render in React

Key Features

OAuth 2.0 Authentication
Real-time Content Sync
Email Notifications
Protected Routes
Edge Caching
Responsive Design