How To Combine And Use Multiple NextJS Plugins

How To Combine And Use Multiple NextJS Plugins

One of the great features of NextJS is how customizable it is. Vercel offers a number of official plugins that you can use to add further functionality to your applications. However, new users are often confused about how to use more than one plugin with their application.

One of the great features of NextJS is how customizable it is. Vercel offers a number of official plugins that you can use to add further functionality to your applications. However, new users are often confused about how to use more than one plugin with their application.

Let’s assume that we are creating a new NextJS application, and we would like to use the following plugins: next-images, and next-react-svg. Combining multiple NextJS plugins with the official API is hard to understand, and hard to reason about.

Instead, let’s use next-compose-plugins, a plugin that gives us an alternative API for enabling and configuring plugins.

javascript nextjs programming frontend-development webpack

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Hire Frontend Developers

Create a new web app or revamp your existing website? Every existing website or a web application that we see with an interactive and user-friendly interface are from Front-End developers who ensure that all visual effects come into existence....

Introducing Neuron Lang: A New Language For Frontend Development

HTML, CSS, and JavaScript are combined in this elegant language. The Neuron language is capable of taking the place of all three languages, has widespread browser support.

How long does it take to develop/build an app?

This article covers A-Z about the mobile and web app development process and answers your question on how long does it take to develop/build an app.

Learning JavaScript: Development Environments for JavaScript Programming

One of the nice things about learning JavaScript these days is that there is a plethora of choices for writing and running JavaScript code. In this article, I’m going to describe a few of these environments and show you the environment I’ll be using in this series of articles.

How To Develop And Deploy Micro-Frontends Using Single-Spa Framework

In this article, we're going to develop an app composed of micro-frontends using single-spa and deploy it to Heroku. We'll set up continuous integration using Travis CI. Each CI pipeline will bundle the JavaScript for a micro-frontend app and then upload the resulting build artifacts to AWS S3.