HTTP/2 configuration in Nginx - Mini Project: Build & Apply

HTTP/2 Configuration in Nginx

📖 Scenario: You are setting up a web server using Nginx. To improve website speed and performance, you want to enable HTTP/2 protocol support.

🎯 Goal: Configure Nginx to serve a website with HTTP/2 enabled on port 443 (HTTPS).

📋 What You'll Learn

Create a basic Nginx server block listening on port 443 with SSL enabled

Add the HTTP/2 directive to the listen configuration

Use a self-signed SSL certificate and key file paths as /etc/ssl/certs/selfsigned.crt and /etc/ssl/private/selfsigned.key

Ensure the server block has a root directory set to /var/www/html

Print the final server block configuration

💡 Why This Matters

🌍 Real World

Web servers use HTTP/2 to speed up loading times by allowing multiple requests over a single connection. Enabling HTTP/2 in Nginx improves user experience on websites.

💼 Career

DevOps engineers and system administrators often configure web servers like Nginx to optimize performance and security by enabling protocols like HTTP/2.

1

Create basic Nginx server block with SSL

Create a server block in Nginx configuration with listen 443 ssl;, set server_name example.com;, and set root /var/www/html;.

Nginx

# Create a server block with listen 443 ssl, server_name example.com, and root /var/www/html
# Your code here

Need a hint?

Start by writing a server block with listen 443 ssl; and set the server_name and root as instructed.

2

Add HTTP/2 support to the listen directive

Modify the listen directive to include http2 so it reads listen 443 ssl http2;.

Nginx

server {
    # Modify listen directive to enable HTTP/2
    listen 443 ssl http2;
    server_name example.com;
    root /var/www/html;

    ssl_certificate /etc/ssl/certs/selfsigned.crt;
    ssl_certificate_key /etc/ssl/private/selfsigned.key;
}

Need a hint?

Add http2 after ssl in the listen directive to enable HTTP/2.

3

Add a location block to serve index.html

Inside the server block, add a location / block that uses index index.html; to serve the homepage.

Nginx

server {
    listen 443 ssl http2;
    server_name example.com;
    root /var/www/html;

    ssl_certificate /etc/ssl/certs/selfsigned.crt;
    ssl_certificate_key /etc/ssl/private/selfsigned.key;

    # Add location block here
}

Need a hint?

Use a location / block and inside it add index index.html; to specify the homepage file.

4

Print the complete Nginx server block configuration

Print the entire Nginx server block configuration as a single string.

Nginx

# Print the full server block configuration
# Your code here

Need a hint?

Use a triple-quoted string to store the full configuration and print it.