Web3 Blog Platform with NFT-Gating as Payment for Subscribers

An open-source version of Mirror and Medium compose

FVM Calibrationnet contract deploy address: 0xB697c365799fD26700a63A16Fb764225BF1440B0

https://calibration.filfox.info/en/address/0xB697c365799fD26700a63A16Fb764225BF1440B0

Web3 Blog Platform for Web3


๐Ÿงช Working in Progress


Online Preview
Video Demo

Features

  • Web3 Native: All data on Blockchain and IPFS
  • Web2 UX: With cache in serverless backend provides a much better experience than Frontend only DApp
  • NFT-Gating: Creator's creation gating by NFT
  • CreatorFi: creator can get invest by selling limited project-level NFT.
  • Reader-friendly: User can pay by mint NFT as a one-time-payment for the creator

    Tech

  • ๐Ÿ’š Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc.

  • โšก๏ธ Vite - Instant HMR.

  • ๐ŸŽจ UnoCSS - The instant on-demand atomic CSS engine.

  • ๐Ÿ˜ƒ Use icons from any icon sets in Pure CSS, powered by UnoCSS.

  • ๐Ÿ”ฅ The <script setup> syntax.

  • ๐Ÿ State Management via Pinia, see ./composables/user.ts.

  • ๐Ÿ“‘ Layout system.

  • ๐Ÿ“ฅ APIs auto importing - for Composition API, VueUse and custom composables.

  • ๐ŸŽ Zero-config cloud functions and deploy.

  • ๐Ÿฆพ TypeScript, of course.

  • ๐Ÿ“ฒ PWA with offline support and auto update behavior.

Plugins

Nuxt Modules

  • VueUse - collection of useful composition APIs.
  • ColorMode - dark and Light mode with auto detection made easy with Nuxt.
  • UnoCSS - the instant on-demand atomic CSS engine.
  • Pinia - intuitive, type safe, light and flexible Store for Vue.
  • VitePWA - zero-config PWA Plugin for Nuxt 3.

Built With

Share this project:

Updates