Hey everyone! In this video, we're building on the momentum from the last one, where we set up a full production-ready front-end workflow using Storybook. Now, it's time to hook that UI up to a real database and make our application DO something!
We're tackling the full-stack challenge, leveraging AI to help us speed up the development process. The goal? A clean, maintainable application with end-to-end type safety.
What We're Covering
* *Supabase Setup:* We'll get a Supabase instance running and grab the connection details we need.
* *Prisma as Our ORM:* We'll see why Prisma is a great choice for this project, especially when working with AI code generation.
* *AI-Powered Task List:* We're going to use an LLM to outline all the steps to create our back end.
* *Moving Code:* We'll use RepoPrompt to grab our code.
* *Leveraging TRPC* We'll use this powerful tool to provide end to end data safety.
Core Technologies Used
* *Cursor:* This is where all the magic happens. It's a real AI coding wizard.
* *Repo Prompts:* A quick way to get the code we need.
* *o1-pro (or any good LLM):* For code understanding and the initial plans.
* *Supabase:* Data storage, fast, secure, and easy to use.
* *Prisma:* ORM that does a great job working with AI.
Want to Code Along?
* [*Next AI Starter GitHub Repository:*](https://github.com/kleneway/next-ai-starter) A great starting point for AI-optimized coding
* [*Part One:*](https://youtu.be/gXmakVsIbF0) Make sure you have watched this video before getting started!
* [*Additional Prompts:*](https://gist.github.com/kleneway/187c68c250c370d638e612ddd12437ca) The full prompts and Cursor composer transcripts used in this video
Did you enjoy this video?
* 👍 Like this video!
* 💬 Drop your questions and thoughts in the comments!
* 🔔 Subscribe for more AI coding adventures!