Practical help

    Resources

    The practical side of TNDD: tools, tutorials, and templates you can use directly in your own build.

    Use this library when you want something concrete: a walkthrough to follow, a template to adapt, or a tool you can apply immediately.

    01/

    Resource library

    Builder-friendly tools, walkthroughs, and templates in one place, aligned to the same TNDD system rather than feeling like a separate content library.

    Tool
    beginner
    Writing this up

    AI Code Understanding — Prompt Reference

    Eight prompt templates for using Claude or ChatGPT to understand your code, not just fix it. The three-step pattern that builds knowledge instead of dependency.

    Tool
    beginner
    Writing this up

    Chrome DevTools Cheat Sheet

    Debug your React and Supabase app from the browser. Network tab, Console tab, status codes explained, and a quick five-step debugging workflow.

    Tool
    intermediate
    Writing this up

    SQL Starter Queries for Supabase

    Connect, debug and understand your database. Includes the RLS policy debugging checklist — the silent failure that catches almost everyone new to Supabase.

    Tool
    beginner
    Writing this up

    Terminal Commands You Should Know

    For builders using React, Supabase and Vercel. Navigation, npm, Supabase CLI, reading output, common errors explained, and keyboard shortcuts.

    Tutorial
    beginner
    Writing this up

    Setting Up Supabase for Your First App

    A beginner-friendly walkthrough of setting up a backend with Supabase.

    Tutorial
    intermediate
    Writing this up

    Connecting Stripe to Your Product

    How to add payments to your app using Stripe.

    Template
    beginner
    Writing this up

    App Planning Template

    A structured template for planning your app before you start building.

    Tutorial
    beginner
    Writing this up

    Deploying Your First Project

    Get your app live on the internet in under 30 minutes.

    Template
    beginner
    Writing this up

    Feature Prioritisation Framework

    Decide what to build first with this simple prioritisation system.

    Tutorial
    intermediate
    Writing this up

    Structuring AI Development Tasks

    How to break down complex builds into clear, AI-friendly tasks.

    Template
    intermediate
    Writing this up

    AI Prompt Framework

    Reusable prompt templates for common AI development tasks.

    02/

    More resources are coming

    I'll keep expanding this library with more references, walkthroughs, templates, and builder-friendly tools as the projects get further along.