Skip to content
← All Work
Independent Client Work

IYF Magazine

A digital subscription product offering multiple yearly publication plans with authentication, checkout and payments.

Next.js App RouterRoute HandlersMongoDBCashfreeWebhooksAuthentication
Role
Full-Stack Engineering

Full project details shared with permission.

The Ilm subscription homepage — an "Awaken Your Intellect" hero with reading and issue-browsing calls to action, alongside a photograph of the latest printed edition
01

Product

A digital magazine and subscription experience delivered independently for a client — the authentication, checkout and payment infrastructure a real subscription business needs, built and shipped end to end.

Readers subscribe to one of several yearly publication plans through an authenticated account that tracks their active subscription state after checkout.

02

Context

Independent Client Work

03

My Role

  • Translated the client's plan structure into a working subscription product
  • Built the Next.js App Router frontend for browsing, subscribing and account management
  • Implemented Route Handlers for checkout, subscription state and webhook processing
  • Integrated Cashfree for payments, including webhook-driven subscription activation
  • Designed the MongoDB data model for users, plans and subscription records
  • Built authentication for account access and subscription-gated content
04

Challenge

Unlike a marketing site, a subscription product has to get the unglamorous parts right: reliable payment confirmation, accurate subscription state, and an authentication flow that doesn't get in the reader's way.

  • Keeping subscription state correct and in sync with asynchronous payment webhooks
  • Designing a data model that cleanly supports multiple concurrent plans per user
  • Handling authentication and checkout as a single coherent flow rather than two bolted-together systems
05

Approach

  • Used Next.js App Router and Route Handlers to keep the frontend and backend in one coherent codebase, appropriate for a product of this scope.
  • Treated the Cashfree webhook as the single source of truth for subscription state, rather than trusting client-side checkout confirmation alone.
06

Engineering

  • Built checkout flows for each subscription plan, integrated with Cashfree's payment APIs
  • Implemented webhook handlers to reconcile payment events with subscription records in MongoDB
  • Built authenticated account views showing active subscriptions and access
  • Kept the reader-facing browsing experience static and fast, isolating dynamic subscription logic to authenticated routes
07

Outcome

The platform runs live for the client, handling real payments and subscription state end to end.

Next Case Study

Koru

View Case Study →