How to Download ZIP Files in Next.js
A tutorial on downloading ZIP archives in Next.js applications.
All Posts
Explore posts by category
Uploading Files in Next.js
Learn how to upload a file or multiple files in Next.js from client to an API route.
Uploading Files To Sanity via API
Learn how to upload files to your Sanity dataset using Sanity’s API.
Download a File From App Router API in Next.js
Learn how to create an App Router API endpoint that sends downloadable file in Next.js.
Downloading Files in Next.js Using Pages Router
Learn how to download a file from an API route in Next.js using Pages Router.
Detecting Clicks Outside of a Component in React
Learn how to detect clicks made outside of a component in React. Useful for closing modals and dropdown menus when clicking anywhere else on the page.
Using Multiple Classes With React CSS Modules
Learn how you can apply styles from selectors with multiple classes in CSS modules.
Fix Docker Permission Denied Error for node_modules
Learn how to fix Docker permission error for node_modules directory.
How to Create Tabs With JavaScript
Learn how to create tabs using JavaScript, HTML and CSS. Improve the tab accessibility using various ARIA attributes and enabling keyboard navigation.
Creating a Custom Button Component in React
Learn how to create your own button component in React. Make it accept all standard HTML button attributes.
Using Socket.IO With React Hooks
Learn how to use Socket.IO with hooks in React. Write a custom hook that handles events.
How to Fix unknownAtRules Warnings From Tailwind CSS
CSS/
Learn how to resolve unknownAtRules warnings that appear when using directives from Tailwind CSS.
Dynamic Classes in Tailwind CSS
CSS/
Learn why dynamic classes don’t work in Tailwind CSS and how to fix that.
Working With Data Attributes in JavaScript
Learn how to use HTML data attributes in JavaScript.
How to Use Custom Fonts in Tailwind CSS
CSS/
Learn how to change the font in your Tailwind CSS project.
Importing Font Files in CSS
CSS/
Learn how to import a font file in CSS. You can also do that to self-host Google Fonts.
Set up WordPress With Docker for Local Development
Learn how to set up WordPress using Docker. Use it as a local development setup to create custom themes and plugins.
Compiling SCSS to CSS
CSS/
Learn how to compile Sass (with SCSS syntax) to CSS. Perfect for small projects that don’t use frameworks like React.
Wrap a Component Inside Another in React
How do you wrap one component in another in React? Read and learn about composition and creating wrapper components.
Passing Data From Child to Parent in React
This is a quick how-to guide if you want to learn how to pass data from a child to a parent component in React.
How to Access Docker Containers
Learn how to access Docker container logs, shell or standard input and output. If it’s running a command inside one of them or logging into the shell of another one, you will learn the necessary Docker commands.
Using ESM in Next.js
Next.js has great ES modules support of out box. But some scripts might still use CommonJS. Learn how to set up your Next.js project to always use ESM.
Adding a Favicon in Next.js
There are many ways of adding metadata to the head of a Next.js site. Learn which way to use to add a favicon to your project.
How to Use Multiple Layouts in Next.js
Learn how to use more than one layout in Next.js. Create a default layout that is used in every page. Override the default layout in a page with another layout.
Adding Structured Data in Next.js
Learn how to set up your Next.js project with structured data that helps search engines better understand content of your pages.