Deploy static resume on an Apache Server

Cerulean CloudCerulean Cloud
3 min read

Apache Web server is a free open server that serves web requests over HTTP. It is one of the widely used web servers in the internet and is known for being secure and reliable.

In this blog, we will deploy this server in Ubuntu and deploy a static site containing a sample resume.

Feel free to update it’s contents to make it yours.

Prerequisites

  1. An Ubuntu machine (local or cloud instance). Use this link to setup WSL if you wish to do so.

  2. Basic knowledge of working on Linux terminal. Use this link to familiarize yourself with basic commands.

Install Apache Web Server

Apache is one of the most popular web servers and is easy to set up on Ubuntu.

  1. Update package repositories:
    Open your terminal and run the following command to ensure all packages are up-to-date:

     sudo apt update
     sudo apt upgrade -y
    
  2. Install Apache:
    Install Apache using the apt package manager:

     sudo apt install apache2 -y
    
  3. Start and enable Apache service:
    Ensure the Apache service is running and set to start on boot:

     sudo systemctl start apache2
     sudo systemctl enable apache2
    
  4. Verify installation:
    Open a browser and visit your server’s IP address (or http://localhost if you're running it locally). You should see the default Apache welcome page.

Create Your Static HTML Resume

Next, we'll create a basic HTML file for your resume.

  1. Navigate to the Apache web root directory:
    By default, Apache serves files from /var/www/html. Navigate there:

     cd /var/www/html
    
  2. Backup the default index file:

     sudo mv index.html index.html.bak
    
  3. Create a new index.html file:
    Use a text editor like nano to create your resume file:

     sudo nano index.html
    
  4. Add basic HTML content for your resume:
    Paste the following example content:

     htmlCopy code<!DOCTYPE html>
     <html lang="en">
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>My Resume</title>
         <style>
             body {
                 font-family: Arial, sans-serif;
                 margin: 20px;
                 line-height: 1.6;
             }
             h1 {
                 text-align: center;
             }
             .section {
                 margin-bottom: 20px;
             }
         </style>
     </head>
     <body>
         <h1>John Doe</h1>
         <p>Email: john.doe@example.com | Phone: (123) 456-7890</p>
         <hr>
         <div class="section">
             <h2>Professional Summary</h2>
             <p>Motivated and detail-oriented professional with experience in web development, system administration, and cloud technologies. Passionate about delivering impactful solutions and learning new technologies.</p>
         </div>
         <div class="section">
             <h2>Experience</h2>
             <h3>Software Engineer, ABC Corp</h3>
             <p>Jan 2020 - Present</p>
             <ul>
                 <li>Developed and maintained scalable web applications using modern frameworks.</li>
                 <li>Implemented CI/CD pipelines to automate deployments.</li>
             </ul>
         </div>
         <div class="section">
             <h2>Education</h2>
             <h3>Bachelor of Science in Computer Science</h3>
             <p>XYZ University, 2019</p>
         </div>
     </body>
     </html>
    
  5. Save and exit:
    Press Ctrl+O to save and Ctrl+X to exit the editor.

PS: Alternatively, if you are using WSL, you can use a notepad to create index.html file and simply copy paste it to your Linux directory using Windows File Explorer.

Test Your Website

  1. Set correct permissions:
    Ensure the file has the right permissions:

     sudo chmod 644 /var/www/html/index.html
    
  2. Access your website:
    Open a browser and navigate to your server’s IP or domain name (e.g. http://127.0.0.1). You should see your resume displayed.

In just a few steps, you’ve set up an Apache web server and hosted your static HTML resume. This is a great starting point for understanding how web-apps are hosted in real life.

Cheers!

2
Subscribe to my newsletter

Read articles from Cerulean Cloud directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Cerulean Cloud
Cerulean Cloud

Cloud | AWS | DevOps | AI 📍 Toronto 🇨🇦 🚀 Cloud Architect @ AWS 👨🏽‍🏫 Professor