Learn what static sites are and how they work. Nate explains how static sites differ from web applications or sites built with a content management system like WordPress.
The difference could be illustrated by comparing static sites with a popular site platform like WordPress. Tools like WordPress, Drupal, Joomla and Umbraco are called content management systems or CMS. CMS like WordPress are a popular choice for building websites and blogs because they make it easy to publish the site without having to build it from scratch. However CMS do have some down sides. Let's take a look at how WordPress handles an incoming request and delivers a page to the browser. First someone uses their browser to request a page from your website.
The WordPress code running on your server sees that incoming request and looks up the content for that page in a database that's running on that server or maybe somewhere else. After retrieving that raw content the WordPress engine applies templates, injects plugins and other add ons and performs a number of processing steps on that content, which eventually results in an HTML page that's pushed back down to the browser. This works but it can be slow, especially if the server you're on isn't very powerful. Let's compare that with how a static site works.
With a static site all of the sites pages and content are pre-built and stored as simple files directly on the web server. When the browser requests a page the server simply serves those files directly. This makes static sites incredibly fast. I'll cover some of the other advantages of static sites next.
- Advantages of static sites
- Installing Hugo and Git
- Creating a new Hugo site
- Building a new website
- Adding posts, pages, and static content
- Publishing your static site
- Deploying via FTP, AWS, and Netlify
Skill Level Beginner
AWS: Storage and Data Managementwith Brandon Rich4h 25m Intermediate
1. How Static Sites Work
2. Set Up Hugo
3. Build a Website
4. Prepare for Publishing
5. Deploy via FTP
6. Deploy to AWS
7. Deploy with Netlify
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.