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!
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 SnackAI Transcriptions for big Video UploadsLetβ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 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 NewsNext.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 VideosCheck it out and subscribe to my channel βοΈ for more Frontend, Leadership and Career Development content. 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!
Hey friend, I'm excited to announce the launch of my new AI SaaS project - SpeakEasy AI βοΈ. It allows you to convert your video into a blog post. You can upload any video you like, and it will turn into a beautiful, SEO-friendly blog post. If you have been holding off from shipping a SaaS app, now is your chance! Here is the entire course, π Important News To better focus on the upcoming Next.js Course launch π, Frontend Snacks (this newsletter) will transition into a monthly newsletter. It...
Hey friend, I gave a talk at React Rally βοΈ on React Framework Showdown and compared Next.js, Remix and Astro. I didn't hold back and gave some hot takes πΆοΈ. It can be nerve-wracking to give your opinions when you have so many folks in the audience actively working on the frameworks. The talk went really well. I'll let you know once the recording is out. But today's newsletter will focus on parts of the talk. -> I forgot to hit this newsletter's schedule button while travelling, so that's my...
Hey friend, A few weeks ago I hosted a workshop on Next.js and the workshop was a hit. Towards the end of the workshop, this is all I could hear, " loved this " " learned so much " " increase the price " " create one more " " create a community so we can be your cheerleaders " π₯Ήπ₯Ήπ₯Ή I also loved connecting with so many of you and teaching live. After a lot of us went remote, it felt like I'm creating content in the void but this workshop makes it very real. More importantly, I had fun and you...