Zero to App: IndieHacking a Jamstack SaaS
summary
Builds a JamShots photo-gallery SaaS using Next.js, Prisma, PostgreSQL, Cloudinary, Chakra UI, NextAuth.js, SWR, Vercel and Railway and ships a working MVP. Implements async multi-file upload with signed Cloudinary uploads (front end posts direct to Cloudinary, backend stores refs), finds gallery libraries out of date and uses CSS grid fallback, uses Next.js API routes + Prisma for CRUD with a middleware pattern for auth and DB client, and plans to cache Cloudinary metadata to avoid extra API throttling.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 1:59Why build a SaaS app
- 3:44Introducing JamShots
- 4:27Tech stack overview
- 7:17Lessons on authentication
- 9:27UI design with Chakra
- 10:53Photo gallery challenges
- 11:36Handling file uploads
- 12:59Hosting with free tiers
- 14:28Image API integration
- 15:58Next.js Image component
- 16:42CRUD with Prisma
- 18:31API architecture tips
- 20:17Stack strengths and gaps
- 21:43Book and resources
related talks
16mHow Next.js and Prisma make frontend developers full-stack
10mFullstack Framework for Next.js
10mEfficiency at scale with Next.js and Supabase
28mNext.js and Prisma: Databases in Serverless Made Easy
17mDatabase as Code with PlanetScale and Prisma
26mSay No to Boilerplate: Building Apps with v0
31mInteractive web apps at the Edge with Remix, Neon, and Prisma
01h 01mFull Stack Web Apps with .NET 6: From Runtime to Reality