Build a Fullstack Next.js App, v4

Watch on Frontend Masters

Build a Fullstack Next.js App, v4

Learn how to ship fullstack, enterprise-ready apps

author image
Brian Holt
Databricks
course icon
Watch on Frontend Masters

Table of Contents

  1. Welcome

    1. Intro
    2. My Setup
    3. Create Next App

  2. Styling

    1. shadcn
    2. Scaling Tailwind
    3. Complete UI

  3. Auth

    1. Signin and Signup
    2. Protecting Routes
    3. Errata: Neon Auth to Stack Auth

  4. Database

    1. Neon and Postgres
    2. Setting up Drizzle
    3. Query with Drizzle
    4. Writes with Drizzle
    5. Authorization
    6. Errata: Code Checkpoint

  5. Object Storage

    1. Vercel Blob
    2. Upload Images

  6. Key Value Store

    1. Upstash
    2. Caching
    3. Counting

  7. Email

    1. Resend
    2. Send Emails to Users
    3. React Email

  8. AI

    1. Vercel AI Gateway
    2. AI Inference
    3. Cron

  9. DevOps

    1. Deploy to Vercel
    2. Speed Insights, Analytics, and Observability
    3. Continuous Delivery
    4. Continuous Integration

  10. Conclusion

    1. What More You Can Do
    2. Congrats