Add Files to a Zip in JavaScript with JSZip & Next.js 13

Learn how to generate ZIP archives to download multiple files on the fly in a API Route using Next.js App Router.
We'll walk through creating a new API route in Next.js using the App Router, generating a new ZIP archive using JSZip, dynamically downloading image files based on URL params passed to the archive endpoint, and adding them to the ZIP archive to download all at once.
🧰 Resources
Code: github.com/colbyfayock/my-zip...
📺 UA-cam: ua-cam.com/users/colbyfayock?sub_c...
🐦 Twitter: / colbyfayock
📹 Twitch: / colbyfayock
✉️ Newsletter: www.colbyfayock.com/newsletter/
🎥 What I Use: www.colbyfayock.com/uses
#colbyfayock #nextjs #api #webdevelopment

[@hqasmei]

So helpful thanks Colby! Your channel is so underrated

[@colbyfayock]

thanks for the kind words 🙏 appreciate that

[@techwithmatheusmello]

Thank you Colby, this was pretty good.

[@colbyfayock]

awesome! np

[@colbyfayock]

Dig deeper into React with my course Full Stack React with Appwrite: spacejelly.dev/reactappwrite
Otherwise get fresh tutorials and other free content straight to your inbox! colbyfayock.com/news

[@hs.karatas]

Thank u dude nice content

[@colbyfayock]

no problem! thanks

[@eliuddyn]

Amazing 🔥🔥

[@colbyfayock]

thanks 😁

[@arctiinae]

Very cool! I'd like to see an implementation like what you described at @12:20 for large files (or a large number of small files). Thanks!

[@colbyfayock]

thank you! i can't remember the last time i made a tutorial with a server 😂 code itself should be relatively similar i would expect from a Zip perspective, but yeah, could be a helpful tutorial

[@saulotarsobc]

Manja mt