- supabase
- nextjs
- databases
Add a database and auth to a Next.js app with Supabase
Set up Supabase Postgres, Row Level Security and email login in a Next.js App Router project — the secure way.
2 min read
Free guides · Tutorials · Tool picks
Build websites and apps with AI.
SPEN10 is a free resource for anyone using AI to build real websites and apps — even if you're not a developer. Clear guides, hands-on tutorials and honest picks for the tools that actually help.
What you'll find here
Step-by-step guides
From first prompt to production deploy — practical walkthroughs you can follow along with.
Tool recommendations
A curated directory of AI coding tools, frameworks, hosting and templates worth your time.
No fluff, no upsell
Free information only. Honest takes on what works, what doesn't, and why.
Learn
Latest guides
- prompting
- ai coding
Prompting AI coding assistants: patterns that actually work
Concrete prompt patterns for getting reliable, reviewable code out of AI assistants — with examples you can copy.
2 min read
- getting started
- ai coding
- nextjs
Your first AI-assisted web app: from prompt to deploy
A practical walkthrough of building and shipping a small web app with an AI coding assistant — planning, scaffolding, iterating and deploying.
2 min read
Built with AI
Apps I've built
Credit utilization, tracked to the day
LimitKeep
LimitKeep tracks every card against its own statement closing date and tells you what to pay, and when, to report the number you actually want. I built it with AI, and a lot of what I write about here comes straight from building it.
Tools
Featured resources
Claude Code (opens in a new tab)
claude.com
Agentic coding assistant from Anthropic that works in your terminal and IDE — plans, edits files, runs commands and verifies its work.
AI coding assistantsagentterminalanthropic
Cursor (opens in a new tab)
cursor.com
AI-first code editor built on VS Code with inline edits, chat over your codebase and multi-file agents.
AI coding assistantseditoride
Next.js (opens in a new tab)
nextjs.org
The React framework for production: routing, server rendering, server actions and great deployment defaults.
Frameworksreactfullstack
shadcn/ui (opens in a new tab)
ui.shadcn.com
Beautiful, accessible React components you copy into your project and own — a great base for AI-generated UIs.
UI & stylingcomponentsreactaccessibility
Supabase (opens in a new tab)
supabase.com
Open-source backend with Postgres, auth, storage and Row Level Security — pairs perfectly with AI-built frontends.
Backend & databasepostgresauthopen-source
Vercel (opens in a new tab)
vercel.com
Hosting platform with git-based deploys, preview URLs for every branch and first-class Next.js support.
Hostingdeploypreviews
Get new guides in your inbox
Practical AI build guides and tool picks. No spam, unsubscribe anytime.