BlocWeave
BlocWeave
BlocWeave Tutorials
Follow step-by-step series to build complete, production-ready applications — with BlocWeave writing most of the code directly in VS Code.
Build a Team Task Manager
Scaffold a Next.js 14 project with TypeScript and Tailwind CSS using BlocWeave in VS Code — from zero to running app in under 10 minutes.
Read tutorial →Add email and Google sign-in to your Next.js 14 app using Firebase Auth — BlocWeave writes the entire auth flow from a single prompt.
Read tutorial →Connect Supabase to your Next.js app, create the tasks table, and build full CRUD — create, list, update, and delete tasks — using BlocWeave to write the data layer.
Read tutorial →Make your task dashboard update instantly when data changes using Supabase Realtime — no polling, no manual refreshes.
Read tutorial →Add Supabase Row Level Security policies that use the signed-in user's Firebase UID to enforce per-user data isolation at the database level.
Read tutorial →Deploy your Next.js 14 task manager to Cloudflare Pages with edge rendering, environment variables, and a custom domain.
Read tutorial →Build a REST API with Node.js and Supabase
Scaffold a typed Node.js + Express API from scratch — project structure, environment variables, error handling, and a running health check endpoint.
Read tutorial →Connect Supabase, create the products and categories tables, and build list, get, create, update, and delete endpoints with Zod validation.
Read tutorial →Add user registration and login with bcrypt-hashed passwords, issue JWT tokens, and protect create/update/delete routes behind an auth middleware.
Read tutorial →Create an orders table, generate Paystack payment links, and handle the charge.success webhook event to update order status in your database.
Read tutorial →Push to GitHub, configure environment variables on Railway, point Paystack webhooks at the live URL, and verify the complete API is working in production.
Read tutorial →Build a Website for Your Business
Create a professional homepage for your small business using HTML and CSS — no frameworks, no build tools, just files you can open in a browser and deploy for free.
Read tutorial →Create the remaining pages of your business website, link them together with a shared navigation, and add a floating WhatsApp button on every page.
Read tutorial →Wire up the contact form with Formspree, embed Google Maps, and deploy your business website to Cloudflare Pages with a custom domain.
Read tutorial →Build a Women's Clothing Shop App with Flutter
Create a Flutter project for a women's clothing shop — navigation structure, theming, and folder layout — ready for product and cart screens.
Read tutorial →Connect Firebase to your Flutter app, create the Firestore product schema, and build a scrollable product grid with detail pages.
Read tutorial →Add a shopping cart to your Flutter shop app using Riverpod — add items, adjust quantities, remove products, and show a live subtotal.
Read tutorial →Add email and Google sign-in to your Flutter shop app — guest browsing, account creation, and a sign-in gate before checkout.
Read tutorial →Integrate Paystack into your Flutter shop app — build the checkout screen, handle payment, and save confirmed orders to Firestore.
Read tutorial →Show the signed-in user's past orders with status indicators and expandable order details — pulled live from Firestore.
Read tutorial →Add a hidden admin screen where the shop owner can add products with photos, edit stock and prices, and update order statuses — all from the Flutter app.
Read tutorial →Build a USSD Service with Africa's Talking
Create a Node.js webhook server, connect the Africa's Talking USSD sandbox, and serve your first interactive menu — ready to test in minutes.
Read tutorial →Parse multi-level user input, track session state across requests, and build branching menus for balance check, airtime, and bill payment flows.
Read tutorial →Replace hardcoded responses with live Supabase account lookups and real airtime top-ups via the Africa's Talking Airtime API.
Read tutorial →Send SMS receipts after every transaction, handle AT production credentials, and deploy the USSD service to Railway so it runs without ngrok.
Read tutorial →Build a WhatsApp Business Bot
Create a Twilio account, join the WhatsApp sandbox, and build a Node.js webhook that replies to incoming messages — tested locally with ngrok.
Read tutorial →Add session state, a numbered food menu, and an add-to-cart conversation — customers navigate the bot using single-digit replies.
Read tutorial →When a customer types 'pay', generate a Paystack checkout URL and send it in WhatsApp. Handle the payment callback to send a confirmation message.
Read tutorial →Port the Express bot to a Cloudflare Worker, replace the in-memory session Map with Workers KV, and update Twilio to point at the live Worker URL.
Read tutorial →