How to Download ZIP Files in Next.js
A tutorial on downloading ZIP archives in Next.js applications.
Posts in Next.js category
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.
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.
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.
Creating an SEO Component in Next.js
Learn how to improve your Next.js site’s on-page SEO by creating a reusable component.
Set Canonical URL in Next.js
Learn how to set a clean canonical URL for current page.
How to Get Current Route in Next.js
Learn how to get current route in your Next.js application.
Hiding Components on Page Change in Next.js
Learn how to hide a component in Next.js by changing its state while user is navigating from one page to another.
How to Set Up MDX in Next.js
A guide on adding MDX to your Next.js project. You will learn how to set up MDX with 3 different packages to choose which one fits your needs the best.
Migrating a Markdown Blog From Gatsby to Next.js
A list of things to consider when migrating a Markdown blog from Gatsby to Next.js.
How to Start a Blog With Next.JS
An overview of things you should think about before creating a blog with Next.js.
The Easiest Way to Create a Markdown Blog in Next.js
A guide to creating a Markdown blog from scratch in Next.js.
How to Use Next.js Image Component in Markdown
Learn how to use the Next.js image component inside Markdown.
Using Relative Paths in Markdown Images With Next.JS
A guide to using relative paths for images inside Markdown in your Next.js blog. Transform relative paths to absolute ones using your own remark plugin or react-markdown.
Storing Images and Markdown Files in One Folder in Next.js
A guide on keeping images next to Markdown files in a Next.js blog. Store assets and content in one folder and copy them to public directory at build time.
How to Use SVGs in Next.js
Set up SVGR in Next.js to import and use SVGs like a React component.
Pre-Rendering Routes With Multiple Parameters in Next.js
How to statically generate pages from dynamic routes with multiple parameters in Next.js.
How to Use SCSS With CSS Modules in Next.js
Tutorial on setting up Sass with SCSS syntax in Next.js. You will learn how to use SCSS inside CSS modules and in global styles. You will also learn how to set up Webpack aliases for imports inside SCSS files.