Build a Full Stack AI Image Playground with next.js, tailwindcss, supabase, stripe | full course

preview_player
Показать описание


tech used :
supabase
stripe payments and webhooks
replicate API
tailwind css
shadcnUI

00:00 demo
08:00 create project
13:00 add supabase
16:00 dashboard
23:00 Header
28:00 shadcn ui
38:50 authentication
56:00 canvas page
02:00:00 replicate ai models
02:05:00 api routes
02:06:00 generate images
02:55:00 edit images
03:18:00 api/edit
03:29:00 remove bg
03:31:00 upscale
03:33:00 captionize images
03:33:59 restore faces
03:35:00 restore old photos
03:42:00 finish edit functionality
04:05:00 usage page
04:28:00 stripe
05:00:00 stripe webhooks
06:05:00 deploy to vercel

#webdev #dev #reactjs #nextjs #fullstack
  1. Hazem Builds Tech
  2. shorts
  3. wholesome
  4. heartwarming
  5. viral
  6. trending
Рекомендации по теме
Loveable: Develop a 0:12:01

Loveable: Develop a Full-Stack App Without Writing ANY Code! (Auth, Database, Etc!) BEATS Bolt.new!

How to build 1:14:59

How to build your AI App with Cursor, Firebase, Vercel (Full Tutorial)

Pythagora AI v1.2 0:07:46

Pythagora AI v1.2 - FREE AI code Editor 🤖INSANE Full Stack AI Coding Agent GPT Pilot

Build & Deploy 13:13:38

Build & Deploy a Full Stack AI Sass application using Next.js 15, Supabase, Replicate API and St...

These AI Tools 0:08:26

These AI Tools Can Code Full Stack Apps On Their Own! | Best AI For Coding in 2025

Build a Full-Stack 0:11:37

Build a Full-Stack AI Web App in 12 Minutes: Cursor, OpenAI o1, V0, Firecrawl & Patched

Build Fullstack AI 0:07:56

Build Fullstack AI Apps in Minutes With the New Amplify AI Kit

How I Built 0:21:25

How I Built a Full-Stack AI App in 5 Hours (Agents, Streamlit, Python & More)

Bolt.DIY + Gemini 0:17:48

Bolt.DIY + Gemini 2.0: Build Apps & Websites for FREE Without Coding! (Full Setup & Demo)

Claude AI is 0:00:32

Claude AI is insane!!! Full stack web app

I EASILY Built 0:33:56

I EASILY Built a Full Stack AI App in 30 Minutes, Here's How...

Full Stack AI 1:10:21

Full Stack AI Web App Tutorial (TypeScript/React/AI/LLMs)

Build A REAL 0:16:43

Build A REAL Full Stack App With AI | Lovable AI | Database, Auth, API, Supabase & More

Codeium Windsurf: The 0:08:39

Codeium Windsurf: The Full-Stack App Builder | Better Than Cursor?

Build Full Stack 6:25:00

Build Full Stack AI Course Generator App With NextJs, React, TailwindCss, Gemini Api, Drizzle

Build and Deploy 8:28:06

Build and Deploy Full Stack AI Email SaaS | Next JS 14, Prisma, OpenAI, Stripe, TypeScript, Tailwind

🤖 Build a 5:52:10

🤖 Build a Next.js Full-Stack AI Video Editor App from Scratch

Build a fullstack 0:07:07

Build a fullstack app in 7 minutes with v0 (Figma to code)

Open-Source AI Agent 0:21:05

Open-Source AI Agent Can Build FULL STACK Apps (FREE “Devin” Alternative)

Build and Deploy 4:42:55

Build and Deploy a Full Stack AI SaaS Platform with Next js 14, TypeScript, Stripe

AIDE.dev: FREE AI 0:08:14

AIDE.dev: FREE AI Code Editor - Full Stack AI Code Editor On The web! Cursor AI Alternative

Build and Deploy 2:12:08

Build and Deploy a Full Stack MERN AI Image Generation App | Midjourney & DALL-E Clone

Build and Deploy 4:57:58

Build and Deploy Full Stack AI GitHub SaaS | Next JS 15, Google Gemini AI, Assembly AI, Stripe

Code, Generate, Repeat: 1:04:55

Code, Generate, Repeat: Building a Full-Stack Generative AI Application

Комментарии
Автор

Awesome man!
Really great!
Thanks for that

junangameplays
Автор

can you build an AI Course Generator that uses AL/ML features in it to do lots of unique things? please?

cutieeeeeeeee-dj
Автор

Which api are you using for generating image is it free ? Please reply fast ill start with this cool project

Ak-uuqt