After making this tutorial, it came to my attention that I used the incorrect way for showing the images and this can cause an error stating you need to use a uuid to access storage entries. Instead of pointing to the /api/storage/:id endpoint, you should be using an action with ctx.storage.get method outline in this documentation: docs.convex.dev/file-storage/serve-files. The updated commit can be here: github.com/webdevcody/file-drive/commit/0e31fcd44134d65ab95d4de95f3454f1383871b0

You've also entered into to the "Project making" arena. Cool, atleast some production like coding practice can be learnt.

Sidenote: Don't use Clerk. 1) they use dark patterns to prevent you from cancelling & migrating data later (I got burnt recently) 2) their UI elements have subtle bugs that create hydration / refresh issues

add malware scanning, adult/cp content detection and also a summary of what files might be related to the current open file, This will really ramp up the value of this project from being a relatively "bare bones" crud to MADNESS

Learning so much from you Cody thank you very much, please keep using convex! much love from Canada

Thank you I will watch this tonight on the couch

Fire, fire, absolute fire!!!

one or two a month like this would be insane

FCC released serverless course, and you released this, now I gotta learn it all. Love you man for your generosity

More of this. More of the usual. More of web dev cody !!!!!

Great job! 🎉 It would be great if you could take the tutorial to the next level by implementing vector storage, which Convex supports.

That's it! The GOAT with code along video! Keep up!

Next level content and code! Good work

Wonderful video! I'm trying to re-create it with extra features like malware detection, adult-content detection and darkmode...also got these ideas from comment section 😅

I like the way you are presenting. Thank youso much.

It looks like a cool application. Thank you for sharing with us your effort.

Wow, Nice thank you so much for sharing the knowledge

Awesome tutorial thank you! I think as a next step I will try to build this in Angular as well to strengthen my Angular skills.

Nice Job Cody

I love your content! Thank you so much

THANK YOU CODY AS ALWAYS 🎉👌

Good job babe!!!!

pay attention to 58:14, the dynamic return data fixing caused me an half hour to figure out

Glad to be here Cody. As I learn from your videos, do you have plans to do a dedicated video on Convex at any point in the future? Keep up the great work 🙂

I dont really wanna use Baas services such as supabase or convex. It would be very interesting for me, if you could make a video about full stack development without BAAS and less third party platforms

Awesome, great project

Shadcn/UI is a wonderful storage that people come and take away the components they want. But there are stuff we can't, input mask, phone input, date picker (with allowing typing), multi select, ...

4:14:00 just making notes to know when to return for something really nice

Thanks! I learned a lot.

wonderfull project. thankyou for sharing

Cody, you should make another video cloning Google drive, file sharing, downloading with more capabilities if possible AI related

Brother, it's amazing and I am thankful to you for sharing such helpful videos. I have one wish: can you create a full-stack college website?

That's good thanks for sharing your experience with us can you please create a inventory management system using Next.js. Your tutorials are always top-notch.

WOW subscribed

0:35 you haven't clicked Dismiss, me too, I won't click that button

Love it ❤ How you stay motivated for coding?

thanks for all of this, i have a question: Do I need to pay money to DB or any other service for this project when i deployed?

Trying to follow along using Clerk core 2 ... they have a new middleware using clerkMiddleware() instead of authMiddleware() ... so confusing now.

love this type of videos.u didn't added dark mode?

Broooo plzzz create a Production grade e-commerce app(not like the current KZfaq ones :)) a single vendor app. You can make a landing page to showcase 3- models of the main stream items of the store. To make it more in quality and unique you can add a 3d Model of every product along with the normal images and the main challenge will be then optimizing it. With roles(user and admin which will be the store owner), full fledged admin panel having inventory, and other business functionalities, Beautiful UI, review system, tracking system, Product recommendations, full fledged search, COD and online payment gateways 2-3, product page with detailed product descriptions with images etc and similar products. An e-commerce app that the internet has never seen before. :))

Is there a way you can show us how to deploy this project? or if anyone in here has successfully deployed it in Vercel, because I'm having a difficult time deploying it and I keep getting an error on the webhook.

Wouldn't it be great that you build the authentication system by your own without using CLERK, that would have been awesome, real learning for us.

Really enjoyed this video thanks Cody. I have a question though as to why you stored the orgIds with both the orgId and role as an object on the users table? What if we wanted to query for users by an orgId with the role of admin, I'm not sure if Convex supports this type of nested filtering? But I would have thought to have a separate Orgs table alongside an userOrgRoles table, and remove the role from the users table and only storing the orgIds of which they belong to, or simply just the userOrg tables. Not sure if this makes any sense lol just a thought/issue Im facing myself

Uploading file is generating error

why should we chose traditional backend instead of Convex?

Love your tutorilas would love to know how you create such beautiful thumbnails?

Hi Cody, can you create even a simple tutorial to use Authjs (next-auth version 5) with convex, using different providers, like credentials, github, google, discord, etc. I saw your repo you used google exclusively. I find it hard to figure out how to configure different providers apart from auth0 and clerk, in auth.config. Thanks buddy

Hello there, I spend the last four days binge watching your videos; consider in this video, how can we protect someone to access or view the uploaded files outside the application? I found out that if you put the file url in a browser it loads the file just fine, how to prevent that? Before I was using Edgestore, they broke file access outside the application, which is good to my opinions; But your video made me switch to convex, because it's easier to manage files. Thanks buddy :)

@WebDevCody, Amazing tutorial. Loved it. I have a doubt about how do I let the user upload a file type other then the once we specified.

Why do you look like Andrew Garfield ? btw very informative project , loved it

Congrats

Awesome video sir🤩, can you please also make RBAC with zitadel ?

Wow. Thanks.

Mate I couldn't understand a thing for the whole Clerk Webhooks part. Can I skip it and still go through rest of the video?

Can you make a tutorial for how to implement subscriptions in a web app like this that allows pay per user pricing for businesses?

Could u do a full project like this but using aws stuff with next js? Preferably with sst

Wow Awesome, I would like to request that if you can extend this video to Upload file to AWS S3 bucket using Lambda functions. like in real world app that would be great

Nice one, btw whats your vscode theme?? I ve been bored with my 2 years theme

I'm currently on minute 50:00 of this exciting project. However, I'm not sure if it's too complicated for me. I've been following along, but I don't think I fully understand what's going on.

Nice project. Thanks for sharing. I would like to learn more about PDF documents and electronic signatures to incorporate into your project. Any tips for me?

can you make a video that how to host this web app

I cant seem to display my images or the pdfs as it is showing bad getaway and the URL is coming wrong.Cody is their any way to contact or share the code

Hi there! To anyone who may be trying to follow along has anyone gotten the error “This convex site does not have http actions enabled”? This is when trying to create the user thru the webhook. I’m sure it’s something I did wrong. Thanks and great video so far!

Cody, what's the easiest/ simplest way to add Folders to the project?

Hi Cody. In the part OrgId Auth, I have exac the same code as u before the commit, but, I think it is not working fine. Before that commit, I should see in the Home component the files of Personal Account + Files of organizations. Here I have the error, I am seeing only the files associateds to Personal Account. If i go to organization I see the files there, but I mean, In Personal Account I must see Personal Files + Orgs Files, is it right? What may be the error?

@WebDevCody What if i want to store files in folders?

This was a great tutorial and I always like your videos. Me personally I don't like Next.js and prefer not to use it.

Can you talk to the strategy in this app to make the file-browser component a client component vs building this app to be server rendered?

When i try to show the image in the cards componet like you did and perform a download action i get a bad request 404 error. i did console.log the getFileUrl(file.fileId) and the ID matches the file ID from the convex backend. But remember that when you hit dowloand and copy link address from the convex backend, the ID on the link is different from the fileId. Please help me

how to fix This Convex deployment does not have HTTP actions enabled. error? on webhook

Initially Even on Signout i can make changes to the database please look after it

Did convex change anything regarding their file upload or display ?? Cant seem to display images and it is always showing bad getaway

div classname= grid grid-cols-4 hap-4 // is it shadcn or tailwind? Or just bootstrap??

hey, are u using the following theme and its variant? : Bearded theme- stained blue.

Please create a video to deploy it , I've been getting some errors

excuse me sir due to this new next js I am not able to use public routes in the case of middle ware part and due to this I am not even able to get clerk auth!!! what can I do ???😞

What type of font and them are you using on your vs code setup?

Also what are the extensions that you're using?? For the intellisense and ect

Is convex cost affective compared to a cloud run hosted express API?

file popup not open when i click in input file field

Hi I'm trying to learn Nextjs, is this possible for me to do even if I only have free version of Clerk and Convex?

Hey Cody, why didn't you use clean code for this project? It would have been great if you had build this project using clean code similar to that you have used in pantry management app before.

Can we make this project in a way in which we can add audio files .

What does „use node” directive in clerk.ts file? 45:53

bro How to deploy this application on vercel can u tell me the steps

everything you do always has a component whether it be database or file storage or backend . Its 5 lines of code to deploy any project to a personal vps but you still use the monstrority of company called vercel. Then database is free but why use paid. If you want to do some good, then do so properly.

bro this video is so amazing it's helpful for me if you can add blueprint for the dotENV file that will be helpful for us

can this be followed by beginners and if not what would you recommend instead ?

are all the resources used in this video free of cost?

any thoughts on Supabase vs Convex ?

sir i have a error in this

sir when i click download button it shows 404 error

Im sorry, what have you done on 2:15:18

u think i need to have a better knowlege on convex before this tutorial i am understading the project but idk i am still confuesed abit and is learning convex can help we with mu resume

can we deploy it ?

is there any thing that will require money.

Which browser are you using?

Is this complete and free project

i like your tutorials but i dont know why in this one I couldn't follow up and got lost after 1 hour

deployment