0Pricing
Linux Server Deployment & SSH Mastery · Lesson

Hosting Static Websites

Configure your chosen web server to serve static HTML, CSS, and JavaScript files, making your first website accessible.

What are Static Websites?

Welcome! In this lesson, we'll learn how to get your simple website online.

A static website is made of files like HTML, CSS, and JavaScript that are delivered to a user's browser exactly as they are stored on the server.

  • No server-side processing (like PHP or Python).
  • Fast, secure, and easy to host.
  • Perfect for portfolios, blogs, or simple informational sites.

Crafting Your First HTML File

Let's create a super simple index.html file. This will be the main page of our static website.

You would typically create this file on your server. For example, using a text editor like nano or vim.

<!DOCTYPE html>
<html>
<head>
  <title>My First Static Site</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>Hello CoddyKit!</h1>
  <p>This is my awesome static website.</p>
  <script src="script.js"></script>
</body>
</html>

All lessons in this course

  1. Installing Nginx/Apache
  2. Hosting Static Websites
  3. Basic Virtual Host Configuration
  4. Enabling HTTPS with Let's Encrypt
← Back to Linux Server Deployment & SSH Mastery