Welcome to Pass the Block! This series of tutorials will help you build awesome applications using Avail's technology stack, one block at a time.
Build a decentralized notes app using Next.js and Avail Light Client! We'll cover:
- 🏗️ Setting up your Next.js project
- 🔗 Integrating with Avail Light Client
- 📡 Sending and receiving transactions on Avail Data Availability layer
- 🎨 Crafting smooth user interactions
- 🛡️ Implementing rock-solid error handling
Explore the Project | Follow the Tutorial
Create an immersive 3D social graph visualization with Next.js, Three.js, and Lens Protocol:
- 🌐 Build interactive 3D network visualizations
- 🔍 Explore Lens Protocol social connections
- 🔄 Fetch real-time social graph data
- 📸 Generate shareable social cards
- 🔗 Integrate with Lens Protocol authentication
- 🖼️ Upload to decentralized storage with Grove
Explore the Project | Try Live Demo
- Clone this repository:
git clone https://github.com/availproject/pass-the-block.git- Pick your project:
cd dev-series-tutorials/avail-light-client-notes-app-nextjs
# or
cd dev-series-tutorials/avail-lens-immersive- Each tutorial has its own README with detailed instructions to get you going!
Got an idea for a tutorial? Found a way to make existing ones better? We'd love your contributions! Submit a pull request and help others learn.
This project is licensed under the MIT License - see the LICENSE file for details.