Building full-stack apps with AI

https://www.jointakeoff.com/courses/apps-with-ai

Like the Complete Cursor course, this is a clear and well-organized course that pulls a lot of ideas into one place. A mixture of text and videos would probably be better than just videos, but seeing things done in practice is great for picking up tacit knowledge.

Suggested tech stack

  • Version control

    • GitHub

  • IDE

    • Cursor

  • AI tools

    • V0 for building UIs

    • Perplexity for troubleshooting

    • flowvoice.ai for text-to-speech

      • Unlike traditional TTS, it uses an LLM to tidy up what you've said into something more coherent (e.g., cutting out things like "um" and any doubling back)

      • Currently only available on Mac

      • I tried using WhisperTyping as a Windows alternative, but I struggled with latency and getting it to activate

  • Frontend

    • next.js

    • Tailwind CSS

    • shadcn/ui

    • Framer Motion for animations

  • Backend

    • PostgreSQL

    • Supabase (open-source backend-as-a-service platform that uses PostgreSQL)

    • Drizzle ORM

  • Auth

    • Clerk

  • Payments

    • Stripe

  • Deployment

    • Vercel

      • Someone questions this in the lesson forum, with criticism around costs and customer support

    • Replit is also mentioned as an alternative

Practical examples

The remainder of the course works through three practical examples:

  • Your first app (~4 hours)

    • A basic to-do app that makes use of everything in the suggested tech stack

  • Notes app (~2 hours)

    • A more sophisticated (though still quite basic) notes app, with more focus on building it rather than learning the stack

  • Starter templates and AI workflows (~1 hour)

    • Building a similar app much more quickly by letting Cursor and V0 do all the work

Last updated