Skip to content

Forget expensive subscriptions, just pay for what you read using the Celo paywall.

License

Notifications You must be signed in to change notification settings

secretshardul/react-celo-paywall

Repository files navigation

Celo one-time paywall

Celo paywall is a new way for media websites to monetize their content. Paywalls today ask for monthly subscription fees. But actually people consume content from multiple sites. It is impractical for the casual reader to purchase subscriptions for multiple sites. They end up installing paywall removal tools, which results in lost revenue for websites.

Instead we can let users pay for and read individual articles. The challenge is that fiat payment processors are oriented towards larger payments due to overhead cost of transfers. Stripe has a minimum payment requirement of USD 0.50.

We can overcome this problem through crypto payments on Celo. Low gas fees allows us to operate this model with better margins and low overhead.

Live demo

https://celo-paywall.netlify.app/

Video

Celo paywall demo

Implementation

Celo paywall is simple to integrate. You just need to wrap your content with the <Paywall> component.

<Paywall pageId="unique-id-for-page">
    <Article />
</Paywall>

Working

  1. User logs in with Celo wallet. Valora, Metamask and others are supported.

    login

  2. The paywall code queries the smart contract to check if user has purchased access to the article.

  3. If user has not purchased access, a modal is displayed asking user to make payment.

    purchase

  4. A payable call is made to the smart contract. The user's address and page ID is stored in the contract, after which user gets access to the article.

    unlocked page

Tech stack

  • React
  • Typescript
  • Truffle
  • Solidity smart contracts on Celo
  • Celo use-contractkit

What does DeFi (or an Ethereum native app) look like when it's designed for mobile-first?

Mobile first DeFi should provide:

  • Ease of use
  • Inclusiveness

The paywall has a mobile first design while also being adaptable for desktop. Majority of traffic on media sites comes from mobile devices.

Impact

It's a win-win for readers and media publishers. Readers only pay what they read, and publishers earn revenue which is generally lost due to paywall circumvention software.

About

Forget expensive subscriptions, just pay for what you read using the Celo paywall.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published