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...
📺 KZbin: kzbin.info?sub_c...
🐦 Twitter: / colbyfayock
📹 Twitch: / colbyfayock
✉️ Newsletter: www.colbyfayock.com/newsletter/
🎥 What I Use: www.colbyfayock.com/uses
#colbyfayock #nextjs #api #webdevelopment

[@colbyfayock]

Learn how to build a full stack Next.js app in my upcoming course: colbyfayock.com/course

[@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

[@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