Simplifying Large File Uploads for AI Transcriptions


Hey friend,

I have been heads down creating a free AI SaaS tutorial which is going to be massive on my channel. This will teach you how to ship a AI SaaS. I can't wait to share more.

Based on popular demand, I'm running the Next.js Workshop โ†—๏ธ for the final time. I won't be running this workshop again.

It is a Live 1-day Next.js Workshop that teaches you the best practices to design, build and deploy full-stack production-ready apps.

โฐ When: September 3rd, 9am to 3pm EST
๐Ÿ“ Where: Zoom

๐ŸŽ For a limited time only (Until September 1st), you get $100 off the workshop price (use code LASTNEXT).

Bonus: Plus you get access to me so ask away whatever questions you like and as a bonus, you get free access to my upcoming Next.js Course.

You can see it for yourself ๐Ÿ”ฅ (and there is more here โ†—๏ธ)

โ€‹

๐Ÿฟ Our Weekly Snack

AI Transcriptions for big Video Uploads

Letโ€™s say you want to turn a video file into an AI-transcribed blog post (and yes, Iโ€™ve got a full video breakdown coming soon on my Youtube channel โ†—๏ธ).

You can use OpenAI, you'll need to tap into their Whisper API for transcriptions.

Sounds easy enough, right? ๐Ÿ˜… Just set up a file uploader with something like <input> and then send that file over to the right spot.

For example,

Well, not that simple โŒ.

This approach works fine for small files, but when youโ€™re dealing with larger ones, you hit a snagโ€” some platforms only allow uploads up to 4.5MB (hint: Vercel).

So, whatโ€™s the workaround? ๐Ÿ‘‡

You need to upload the file to a cloud storage service without processing it first. Once you have the cloud URL, you can then share it in the fileUrl section in the transcriptions method.

This is where UploadThing โ†—๏ธ comes to the rescue ๐Ÿ’–.

UploadThing securely handles file hosting and makes adding file uploads a breeze.

Why choose UploadThing? โ˜๏ธ

A cloud platform like Vercel โ†—๏ธ limits request bodies to 4.5MB, which makes uploading large files a pain.

Thatโ€™s where UploadThing shines.

Plus, the documentation is top-notchโ€” itโ€™s built by Theo โ†—๏ธ, so you know itโ€™s solid. Honestly, it feels like the docs were written to perfectly match how your brain works.

You have full ownership with UploadThing still so remember, you'd still need to create a api route โ†—๏ธ to manage the file upload.

๐Ÿคซ Latest Frontend News

Next.js Docs have been updated with so many different examples, here you go โ†—๏ธ.

Next.js Conf is here so grab your tickets โ†—๏ธ as attending virtually is completely free.

Exciting ShadCN UI library updates are here, the Open in V0 button โ†—๏ธ takes your content to V0 AI for prompting so you can generate new UI using it.

โ€‹State of CSS Survey 2024 โ†—๏ธ has opened up so don't forget to share your thoughts.

A tiny library that makes date ranges short and sweet, check it out โ†—๏ธโ€‹

โ€‹OpenNext โ†—๏ธ takes the Next.js build output and converts it into packages that can be deployed across a variety of environments.

In a world full of boilerplates, here is another but this time with React + Vite โ†—๏ธ and it's free.
โ€‹

๐Ÿ’– Weekly Youtube Videos

Check it out and subscribe to my channel โ†—๏ธ for more Frontend, Leadership and Career Development content.

Is Facebook StyleX a Tailwind killer? ๐Ÿค”
โ€‹

video previewโ€‹

A New Way to Render Pages in Next.js | NeonDB, Server Actions

video previewโ€‹

What do you think of today's Newsletter? Simply click on one of the links below.

โ€‹๐Ÿ”ฅ ๐Ÿ˜ ๐Ÿ‘Žโ€‹

Ankita Kulkarni

Join 6000+ subscribers reading by weekly personalized Newsletter that helps developers level up their skills through weekly Frontend and Leadership Snacks. You get a deep dive into a Tech topic, Actionable tips to excel in your career and a toolbox!

Read more from Ankita Kulkarni

Hey Reader, I have some exciting news ๐Ÿฅณ. I have been working hard on launching the Modern Full Stack Next.js Course โ†—๏ธ. It's a course that teaches you to build and deploy modern full stack Next.js Production-ready apps. It is coming along well and I am taking the extra time to perfect it. Itโ€™s set to launch in April, and I canโ€™t wait for yโ€™all to check it out! I plan to share extra bonuses ๐ŸŽ and nuggets for folks on the waitlist so click this magic link to join the waitlist โ†—๏ธ. Weekly Snack:...

My SaaS building secrets revealed

Hey Reader, I saved a whopping $4836 per year by building a few simple SaaS apps myself. I was tired of paying for features I didnโ€™t need ๐Ÿ˜“ and dealing with clunky UI / UX. So, I decided to do something about it. I also learned a lot which I've packaged in this video below. If youโ€™d rather watch than read, check out the full video here ๐Ÿ‘‡ But if reading ๐Ÿ“™ is your thing, letโ€™s dive into the apps I built and how they helped me ditch those pricey subscriptions! Rave Reviews: Easy Way to Collect &...

Lee Rob interview

Hey friend, I interviewed Lee Rob - the VP of Product at Vercel on my Youtube channel. I learned a lot from our conversation and want to share a few lesson I learned which surprised me. What's so surprising is that these foundational ideas are still crucial, even for someone at Lee's career stage. If you prefer a video version, you should check out the full interview here: But if you prefer reading it, then keep reading. Lesson 1: Ship Small and Get Quick Wins Feeling overwhelmed by a massive...