Web3 Blog Platform with NFT-Gating as Payment for Subscribers

An open-source version of Mirror and Medium compose

Calibrationnet contract deploy address: 0xB697c365799fD26700a63A16Fb764225BF1440B0

https://explorer.glif.io/address/0xB697c365799fD26700a63A16Fb764225BF1440B0/?network=calibrationnet

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.

IDE

We recommend using VS Code with Volar to get the best experience (You might want to disable Vetur if you have it).