Build A Full Stack Photo Album With Image Editing (, Cloudinary, API Routes) (Дата оригинальной публикации: )
👉👉👉 Check out Cloudinary -
In this tutorial video I show you step-by-step on how to create a Photo Album and add image editing using , Cloudinary, API routes and more! We look at all the different cloudinary services and how they work with the new module plugin!
👉 Check out my last video on Vue with Panda CSS
Links:
0:00 What is this Cloudinary Nuxt Module and what we are building?
02:03 Setup Nuxt, Cloudinary and dependencies
05:30 Adding in Cloudinary image and upload
08:50 Adding in Tailwind Nuxt Module
10:38 Adding Edit page and adding in backend server route
13:35 Setting up environmental variables with useRuntimeConfig
15:30 Adding in and testing server route
18:04 Adding styles and cleaning up view
21:05 Setting up CldUploadWidget with props and CldImage
24:40 Setting up Upload presets in Cloudinary and testing
26:36 Adding the edit page routing
30:15 Adding in Alt text - updating the server API route
32:59 Update setttings to Cloudinary AI Background remover
34:07 Styling Edit page to edit images
37:46 Adding CldImage to edit page
39:10 Adding CldImage props to edit image
42:43 Add in overlays for CldImage
45:28 Creating range slider component opacity
49:24 Adding in Blur and font range slider component
52:00 Adding buttons for additional editing remove background, grayscale, pixelate
3 views
43
12
3 months ago 00:01:25 2
Final Factory Launch Trailer
3 months ago 00:01:12 1
UNDERSPACE OUT NOW! | Early Access Launch Trailer
3 months ago 00:09:09 1
Triple-rad Phanteks NV9 Build: A Stunningly Elegant Setup!
3 months ago 00:01:02 1
Besiege: The Splintered Sea (Announcement Trailer)
3 months ago 00:46:55 1
Searching Everywhere: What’s Happened to Her Stolen Flock?
3 months ago 00:05:33 1
How to make a hexapod robot? CHEAP VERSION! DIY hexapod robot.
3 months ago 00:05:16 1
Орск. Крупнейшее наводнение в 1957 / Orsk. Largest flood in 1957
3 months ago 00:40:55 1
Build a new house - Poor girl building wooden house - Choose beautiful and sturdy house columns
3 months ago 00:24:55 1
Build a Platformer with Godot #3 - Adding Bullets
3 months ago 00:22:13 1
How to Build a Carbon Fiber Plane?Process of VTOL Fixed-Wing Drone Construction
3 months ago 00:02:02 1
🌑 МАГНИТНАЯ ЛЕВИТАЦИЯ за 5 минут Сделай сам Очень простой способ Levitron Caseiro Игорь Белецкий
3 months ago 00:15:04 10
Just Got Paid / Dazed and Confused - Joe Bonamassa - Royal Albert Hall - London 040424 4K HDR10+
3 months ago 00:01:17 1
New York buildings rattled by rare East Coast earthquake
3 months ago 00:51:15 1
I built a Ford Mustang GT 500 sports car from a $200 Used Toyota
3 months ago 00:38:27 1
Walls of Stone: How to Build Drystone Walls and Rock Fences
3 months ago 00:00:43 1
Building a House
3 months ago 00:03:52 1
Talking To Myself [Official Music Video] - Linkin Park
3 months ago 00:05:14 1
Love Theme from Romeo and Juliet - Joslin - Henri Mancini, Nino Rota
3 months ago 00:07:36 1
The Best Way To Scrape Yellow Pages To Generate Leads | SMMA Outreach Secrets
3 months ago 00:31:59 1
Final Fantasy Mystic Quest — Part 8 - Arriving at Fireburg