← All projects
Web App2024

Aineura — AI-Powered Financial Learning Platform (Corporate Site)https://www.aineura.in

A fully CMS-driven corporate and product website for Aineura, an AI EdTech company behind FnKnowBot — a multimodal generative-AI assistant for personal finance. Built on Next.js 14 (App Router) with Prismic as a headless CMS, every section is a reusable, editor-managed content slice. On-demand revalidation and preview mode let the team publish changes instantly without a code deploy.

Role
Frontend & Full-Stack Developer
Timeline
1 month · CMS architecture + build
Client
Aineura Infomarkets Private Limited
↗ Live URL
8
reusable CMS content slices
100%
content editable without code
0
deploys needed for content updates

The Problem

Aineura needed a marketing and product site that could keep pace with a fast-moving AI startup — frequent copy changes, new team members, evolving product messaging — without a developer in the loop for every edit. A hardcoded site would have made the marketing team dependent on engineering for trivial changes, slowing launches and investor outreach.

The Approach

I built the site as a fully content-driven system rather than static pages. Every section — banner, about, product features, team, journey, reviews, contact form — is a reusable Prismic "slice" that non-technical editors can rearrange, edit, and publish themselves. The frontend renders whatever slices the CMS returns, so the page structure itself is editable. On-demand revalidation keeps content fresh instantly while still serving cached, fast pages, and preview mode lets editors see drafts before going live.

Architecture

The Next.js App Router fetches singleton documents (homepage, global settings) from Prismic at request time, then maps the returned slices onto a typed component library via Slice Machine. Header, footer, and navigation are themselves CMS-managed through a shared settings document. Content publishing in Prismic triggers a webhook to an on-demand revalidation route, which purges only the affected cache tags — so editors get instant updates without a full redeploy. A preview route renders unpublished drafts for review. The whole site is type-safe end to end via generated Prismic types.

Client
Next.js 14 (App Router)
Web
TypeScript
Type safety
Tailwind CSS
Styling
Content
Prismic
Headless CMS
Slice Machine
Component-driven slices
Rendering
Server Components
SSR / SSG
On-demand ISR
/api/revalidate
Preview Mode
/api/preview
Hosting
Vercel
Edge delivery

Outcome

Delivered a live, fully editor-managed website where the marketing team controls 100% of content and page structure without engineering involvement. Content edits publish instantly via webhook-driven revalidation — no code deploys. The slice-based architecture lets new sections and campaigns be assembled from existing building blocks, keeping the site adaptable as the product evolves.

Tech Stack

Next.jsTypeScriptTailwind CSSPrismicHeadless CMSISRVercel

Have a project like this?

I build multi-tenant SaaS, real-time systems, and mobile apps end-to-end.

Get in touch →