Newsnet A.I. Drafter – Cloud Application_
Server-Side Rendered NextJS App with External News Feed API
Project Details_
Project_
Custom Cloud Application Development
Project Roles:
Project Tech:
Intro
A cloud-based A.I. drafting tool designed for Product & Business Newsnet (USA) to empower users (news journalist) with a streamlined dashboard for browsing, editing, and copying real-time A.I.-generated news feeds. Built with React and Next.js, the solution features seamless server-side rendering and external API/database integration.
Case Summary
Newsnet A.I. Drafter – USA Year: 2023
Overview
This platform serves as both a frontend editing interface and an API server. It retrieves A.I.-generated news items from a PostgreSQL database and presents them in a user-friendly dashboard with editing and copy functionality.
Platform & Stack
- Platform: Cloud Application (Dockerized)
- Frontend: React / Next.js (Server-Side Rendered)
- Backend: Node.js API Server
- Database: PostgreSQL (External Feed DB)
- Deployment: Microsoft Azure (Staging & Production)
Features
- Secure login portal with Azure Active Directory authentication and context-based state handling
- Auto-scroll buffer for continuous news feed loading
- Search, filter, and edit interface for news content
- Real-time integration with external PostgreSQL database
- Permissons and Roles management
- Responsive UI with component-based dashboard sections:
- News Feed Panel
- Editor & Copy Panel
- Search & Filter Controls
- Navigation & Contact Panel
Hosting & Deployment
- Local dev environment powered by Docker
- Staging and production deployments on Azure via containerized repos
- Structured for scalability and future API expansion
Result
Delivered a robust editorial dashboard that allows Newsnet teams to interact with live A.I. news content — enabling efficient content review, editing, and output with secure and scalable infrastructure.