DEV Community: Ashirbad Panigrahi

How to Fix "Request Entity Too Large" Error in Nginx

Ashirbad Panigrahi — Tue, 09 Sep 2025 09:23:27 +0000

Facing the "413 Request Entity Too Large" error in Nginx when uploading files or submitting large forms? This error is caused by a default limit on request body size—only 1MB is allowed unless you configure it otherwise. Here’s how to quickly and safely increase the upload size in Nginx on Ubuntu Linux, ensuring your website can handle large file uploads and improve user experience.

1. Access Your Nginx Configuration File

Use the terminal to open your main Nginx configuration file with sudo privileges:

sudo vim /etc/nginx/nginx.conf

2. Find and Edit the Appropriate Block

Look for the http block (usually around line 12) in your config file.

Add or update the following line inside this block to increase the maximum allowed body size—for example, to allow uploads up to 100MB:

client_max_body_size 100M;

You can also add this directive inside a specific server or location block to limit the change to certain parts of your website, improving security[9][12].

3. Save and Exit Vim

After making your change, save the file and exit vim with your keyboard:

Write changes: Press Esc, then type :w
Quit: Type :q
Write and quit: Press Esc, then type :wq

4. Reload Nginx to Apply Changes

Check your configuration for syntax errors, then reload Nginx to activate the new limit:

sudo nginx -t   # Check for errors
sudo systemctl reload nginx   # Apply changes without downtime

Nginx Installation & HTTPS (SSL) Setup with Certbot In AWS EC2

Ashirbad Panigrahi — Mon, 02 Oct 2023 12:51:32 +0000

Prerequisites

Before we dive into setting up Nginx and SSL, let's start by installing the necessary tools:

Install Certbot and update your package list:

   sudo apt-get update -y
   sudo snap install --classic certbot

Install Nginx:

   sudo apt install nginx -y

With these prerequisites in place, you're ready to secure your EC2 instance with SSL.

Step 1: Obtaining an SSL Certificate with Certbot

Our first task is to obtain an SSL certificate for your domain using Certbot. This certificate will enable HTTPS for your web server.

Stop Nginx temporarily to free up port 80:

   sudo systemctl stop nginx

Run Certbot to obtain the SSL certificate for your domain (replace api.yourdomain.in with your actual domain):

   sudo certbot certonly --standalone -d api.yourdomain.in

Certbot will guide you through the certificate issuance process, prompting you to agree to the terms of service and select the appropriate domain. Once complete, Certbot will store the certificates in /etc/letsencrypt/live/yourdomain.in/.

Step 2: Configuring Nginx for SSL

Now that we have our SSL certificate, it's time to configure Nginx to use it for secure connections.

Create a configuration file for your domain (replace api.yourdomain.in with your actual domain):

   sudo vim /etc/nginx/sites-available/api.yourdomain.in

Add the following configuration to the file, adjusting the server name and SSL certificate paths accordingly:

   server {
       listen 80;
       server_name api.yourdomain.in;
       return 301 https://$server_name$request_uri;
   }

   server {
       listen 443 ssl;
       server_name api.yourdomain.in;

       ssl_certificate /etc/letsencrypt/live/api.yourdomain.in/fullchain.pem;
       ssl_certificate_key /etc/letsencrypt/live/api.yourdomain.in/privkey.pem;

       location / {
           proxy_pass http://localhost:8080; # Adjust the port if needed
           proxy_http_version 1.1;
           proxy_set_header Upgrade $http_upgrade;
           proxy_set_header Connection 'upgrade';
           proxy_set_header Host $host;
           proxy_cache_bypass $http_upgrade;
       }
   }

Create a symbolic link to enable the site configuration:

   sudo ln -s /etc/nginx/sites-available/api.yourdomain.in /etc/nginx/sites-enabled/

Restart Nginx to apply the changes:

   sudo systemctl restart nginx

Conclusion

Congratulations! You've successfully set up Nginx with SSL on your AWS EC2 instance. Your web server is now configured to provide secure connections using HTTPS. Your users can enjoy a safer browsing experience, and you can rest assured that their data is protected during transit.

Remember that SSL certificates typically expire after a few months, so it's essential to set up automated certificate renewal to keep your website secure.

sudo crontab -e

This cron job will check for expiring certificates daily and renew them if necessary.

0 0 * * * certbot renew

Thank you for following this guide, and we hope your web server now runs securely and efficiently. If you encounter any issues or have questions, feel free to leave a comment below.

Setup Node.js, NPM, PM2, and Git In AWS EC2 Server Effortlessly

Ashirbad Panigrahi — Sat, 30 Sep 2023 07:45:09 +0000

In this article, I will show you how to quickly and easily install Node.js, NPM, PM2, and Git on your AWS EC2 server using nvm, so you can streamline your server setup and start working on your projects right away.

Step 1: Connect to Your AWS EC2 Instance

First, connect to your AWS EC2 instance by logging into your AWS account, navigating to the EC2 dashboard, and selecting your instance

Step 2: Update Your System

Before installing any packages, it's a good idea to update your system to ensure that you have the latest package information. To do this, use the following command:

sudo apt-get update -y

This command will update your system with the latest package information.

Step 3: Install nvm

nvm (Node Version Manager) is a tool that allows you to easily install and manage multiple versions of Node.js on your system. To install nvm on your EC2 instance, you can use the following command:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash

This command will download and run the installation script for nvm.

Note: If you get the "Command 'nvm' not found" error after running the installation command, try running the following command:

source ~/.bashrc

This will refresh your terminal and reload any changes made to your ~/.bashrc file, which includes the nvm installation.

Step 4: Install Node.js and NPM

Once nvm is installed, you can use it to install the latest LTS (Long-Term Support) version of Node.js and NPM. To do this, use the following commands:

nvm install --lts
nvm use --lts

The first command will install the latest LTS version of Node.js, while the second command will set this version as the active version of Node.js on your system.

Step 5: Install PM2

PM2 is a process manager for Node.js applications, which makes it easy to manage and monitor your running applications. To install PM2, you can use the following command:

npm install pm2 -g

This will install PM2 globally on your server.

Step 6: Install Git

Git is a version control system that allows you to track changes in your code and collaborate with others. To install Git on your EC2 instance, you can use the following command:

sudo apt-get install git

This will install Git on your server.

Step 7: Verify Installations

Once you've completed the installation process, you can verify that everything is working correctly by checking the versions of each package. You can do this by using the following commands:

node -v
npm -v
pm2 -v
git --version

Conclusion

Setting up your AWS EC2 server with Node.js, NPM, PM2, and Git using nvm can be done in just a few minutes by following the steps above. With this guide, you can streamline your server setup

Set Up SSL In NodeJS API With Certbot & AWS EC2 Server

Ashirbad Panigrahi — Sun, 05 Mar 2023 04:55:18 +0000

Before you start

You have to make sure nodejs api cloned into aws ec2 instance and you already assigned a elastic ip to it.

So how can we add SSL?

We are going to use certbot and letsencrypt for creating SSL certificate of our NodeJS server, so connect with EC2 instance & let's start with following steps

Install Certbot on AWS EC2 linux Server

First of all run the command so that you will become the root user & you don't have to use the sudo command over & over

sudo su -

Now install certbot

snap install --classic certbot

Check the cerbot installed or not

certbot --version

Let's Request for a SSL certificate

Before applying for SSL replace the A record of your domain/subdomain with the elastic ip that assigned to the EC2 instance

certbot certonly --standalone -d domain-or-subdomain.in

Let's use these generated SSL certificates

Now open the main file where you start the server & modify

const fs = require('fs');
const https = require('https');
const express = require('express');

const app = express()

const options = {
  cert: fs.readFileSync('/etc/letsencrypt/live/domain-or-subdomain.in/fullchain.pem'),
  key: fs.readFileSync('/etc/letsencrypt/live/domain-or-subdomain.in/privkey.pem')
};

https.createServer(options, app).listen(443);

Now our Node server can handle https requests

Let's create a next.js app with bun

Ashirbad Panigrahi — Fri, 22 Jul 2022 14:48:31 +0000

Thank you for all the support you shown in react post, let's see how we can create a `next.js` app with bun

Install `bun`

First run the following command to check bun is installed or not

bun -v

If you don't have bun installed then run the following command to install bun

curl https://bun.sh/install | bash

Create a next app

Now run the following command to create a next app

bun create next [your-app-name]

It will create a new directory with the name of your app. To start the app run the following command

cd your-app-name
bun dev

Build production bundle for next app

We have to update next.js version before we build our next app

bun a next@latest

Here we update to the latest version of next for avoiding any kind of build issue

Adding `scripts` to your package.json

We can add the following scripts to our package.json file

{
  "scripts": {
    "start": "next start",
    "build": "next build"
  }
}

And we can run the following command to build the production bundle

bun run build

To run the production build you can fire following command

bun start

Get Full Source Code In GitHub

Create a react app with bun

Ashirbad Panigrahi — Sat, 16 Jul 2022 02:11:25 +0000

Want to use bun for your next react projects?

Install `bun`

First run the following command to check bun is installed or not

bun -v

If you don't have bun installed then run the following command to install bun

curl https://bun.sh/install | bash

Create a react app

Now run the following command to create a react app

bun create react [your-app-name]

It will create a new directory with the name of your app. To start the app run the following command

cd your-app-name
bun dev

Build production bundle for react app

By default bun does not ship with react-scripts so you need to install it first.

bun a react-scripts -d

Here we install it as a dev dependency.

Then run the following command to build the production bundle

bun react-scripts build

When you run the command above it will build the production bundle and it will be stored in the build directory.

Adding `scripts` to your package.json

We can add the following scripts to our package.json file

{
  "scripts": {
    "start": "bun dev",
    "build": "react-scripts build"
  }
}

Now we can run the following command to start the app

bun start

And we can run the following command to build the production bundle

bun run build

Bonus:

By default bun creates react app with javascript but we can easily use typescript by changing the file extension from .jsx to .tsx

Get Full Source Code In GitHub

Use Custom Fonts In ReactNative App

Ashirbad Panigrahi — Thu, 07 Jul 2022 03:18:01 +0000

Let's use custom fonts in you `react-native` app

Create a `react native` app with typescript or javascript

npx react-native init [ProjectName] --template react-native-template-typescript

Create a fonts folder & copy your fonts into this folder

mkdir fonts

Create `react-native.config.js` file in the root of your project

touch react-native.config.js

Add following code in `react-native.config.js` file

module.exports = {
  assets: ['./fonts/'],
};

Run following command to link fonts to your project

npx react-native-asset

Now open `App.tsx` file and use your custom font family

import {SafeAreaView, StyleSheet, Text} from 'react-native';
import React from 'react';

const App = () => {
  return (
    <SafeAreaView style={styles.container}>
      <Text style={styles.Italic}>Italic</Text>
      <Text style={styles.Bold}>Bold</Text>
      <Text style={styles.Regular}>Regular</Text>
      <Text style={styles.Light}>Light</Text>
    </SafeAreaView>
  );
};

export default App;

const styles = StyleSheet.create({
  container: {padding: 10},  
  Bold: {fontSize: 30, fontFamily: 'Nunito-Bold'},
  Light: {fontSize: 30, fontFamily: 'Nunito-Light'},
  Regular: {fontSize: 30, fontFamily: 'Nunito-Regular'},
  Italic: {fontSize: 30, fontFamily: 'Nunito-Italic'},
});

Get Full Source Code In GitHub

Absolute import in create-react-app

Ashirbad Panigrahi — Sat, 26 Mar 2022 05:31:21 +0000

Want to get rid of the annoying, long, boring import statements in react?

import {Card} from './../../components/Card';

Just create a jsconfig.json file in your projects root directory and the following code

{
    "compilerOptions": { "baseUrl": "src" },
    "include": ["src"]
}

Yaa it is that much simple to do now you can go into your file and replace the previous code with

import {Card} from 'components/Card';

Make sure you restart the server after creating the jsconfig.json file

Now do you want create jsconfig.json file all of your projects in more efficient way?
Then Open up your project root directory in the terminal and run

npx react-jsconfig

It will automatically generate the jsconfig.json file for you

Learn More About react-jsconfig

Set Up Tailwind Css With create-react-app and yarn

Ashirbad Panigrahi — Sat, 01 Jan 2022 10:23:03 +0000

Create a new react project with yarn

yarn create react-app react-tailwind-css-stater

Install Tailwind CSS with postcss & autoprefixer

yarn add -D tailwindcss postcss autoprefixer

Generate `tailwind.config.js` and `postcss.config.js`

yarn tailwindcss init -p

Modify `tailwind.config.js` file

module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
};

Add tailwind base, components and utilities to `index.css`

@tailwind base;
@tailwind components;
@tailwind utilities;

GitHub Repo

What is Babel?

Ashirbad Panigrahi — Thu, 17 Jun 2021 07:52:01 +0000

According to babeljs.io

Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards-compatible version of JavaScript in current and older browsers or environments.

It is a great tool for backwards compatibility of modern javascript code.
With babel, we can write modern javascript that are not implemented in web browsers yet.
It compiles down the new modern javascript syntax into older javascript code that the browser can understand
It also converts React JSX syntax into browser understandable javascript code.

In other words Babel is a free and open-source JavaScript transcompiler that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript that can be run by older JavaScript engines

What is a transcompiler?

A transcompiler, or transpiler is a type of translator that takes the source code of a program written in a programming language as its input and produces an equivalent source code in the same or a different programming language
It is also known as source-to-source translator, source-to-source compiler.
Babel is a popular transcompiler.

DEV Community: Ashirbad Panigrahi

How to Fix "Request Entity Too Large" Error in Nginx

1. Access Your Nginx Configuration File

2. Find and Edit the Appropriate Block

3. Save and Exit Vim

4. Reload Nginx to Apply Changes

Nginx Installation & HTTPS (SSL) Setup with Certbot In AWS EC2

Prerequisites

Step 1: Obtaining an SSL Certificate with Certbot

Step 2: Configuring Nginx for SSL

Conclusion

Setup Node.js, NPM, PM2, and Git In AWS EC2 Server Effortlessly

Step 1: Connect to Your AWS EC2 Instance

Step 2: Update Your System

Step 3: Install nvm

Step 4: Install Node.js and NPM

Step 5: Install PM2

Step 6: Install Git

Step 7: Verify Installations

Conclusion

Set Up SSL In NodeJS API With Certbot & AWS EC2 Server

Before you start

So how can we add SSL?

Install Certbot on AWS EC2 linux Server

Let's Request for a SSL certificate

Let's use these generated SSL certificates

Let's create a next.js app with bun

Thank you for all the support you shown in react post, let's see how we can create a next.js app with bun

Install bun

Create a next app

Build production bundle for next app

Adding scripts to your package.json

Get Full Source Code In GitHub

Create a react app with bun

Want to use bun for your next react projects?

Install bun

Create a react app

Build production bundle for react app

Adding scripts to your package.json

Bonus:

Get Full Source Code In GitHub

Use Custom Fonts In ReactNative App

Let's use custom fonts in you react-native app

Create a react native app with typescript or javascript

Create a fonts folder & copy your fonts into this folder

Create react-native.config.js file in the root of your project

Add following code in react-native.config.js file

Run following command to link fonts to your project

Now open App.tsx file and use your custom font family

Get Full Source Code In GitHub

Absolute import in create-react-app

Set Up Tailwind Css With create-react-app and yarn

Create a new react project with yarn

Install Tailwind CSS with postcss & autoprefixer

Generate tailwind.config.js and postcss.config.js

Modify tailwind.config.js file

Add tailwind base, components and utilities to index.css

GitHub Repo

What is Babel?

According to babeljs.io

What is a transcompiler?

Thank you for all the support you shown in react post, let's see how we can create a `next.js` app with bun

Install `bun`

Adding `scripts` to your package.json

Install `bun`

Adding `scripts` to your package.json

Let's use custom fonts in you `react-native` app

Create a `react native` app with typescript or javascript

Create `react-native.config.js` file in the root of your project

Add following code in `react-native.config.js` file

Now open `App.tsx` file and use your custom font family

Generate `tailwind.config.js` and `postcss.config.js`

Modify `tailwind.config.js` file

Add tailwind base, components and utilities to `index.css`