Web - Static Web Site

About

A Static website is a web application that is composed of static resources. (ie the web site doesn't need to generate dynamic pages at runtime)

The first reason to create or generate a static website is to improve performance because the pages:

Management

Resource

See Resources - Static Resources

Caching

CDN can cache and serve static resource.

Dynamic web site can:

Serving

static content must be served from a cookieless domain in order to lower the network traffic. In other words, static components should be requested with cookie-free requests.

Why ? When the browser makes a request for a static resource (image,…), sending cookies with this request is not needed because the content is not dynamic. (Cookies will not be read)

Another benefit of hosting static components on a cookie-free domain is that some proxies might refuse to cache the components that are requested with cookies.

On a related note, if you wonder if you should use example.org or www.example.org for your home page, consider the cookie impact. Omitting www leaves you no choice but to write cookies to *.example.org, so for performance reasons it's best to use the www subdomain and write the cookies to that subdomain.

Static WebSite Hosting (Static Resource Hosting)

Web Site Conversion

Static to Dynamic

A static website can be turned into a dynamic web application by adding client-side JavaScript that makes AJAX calls to APIs.

Dynamic to Static

A generator transforms a dynamic website to a static one.

A dynamic website can be turned into a static web application with a generator.

A generator will generate static resources (pages, image, …) from dynamic component (sort of template engine for instance, one page is generated by product)

Server Needed Method When will the static generation occurs
No Web - Prerendering / Snapshoting (Dynamic to Static Web Site Generation) build time
Yes Cache runtime

Template to static

Generator from template create in a markup language such as markdown.

Documentation / Reference





Discover More
Map Of Internet 1973
A Content delivery network delivers Static resources such as image locally worldwide

A description for the search page result engine
Aws Serverless Web App
AWS - Serverless Web Application

Note the AWS tuto Amazon tuto - Build a Serverless Web Application that create a serverless...
Cookieless domain

A is a domain which does not set cookies intended to host static website. If your domain is www.example.org, you can host your static components on static.example.org. However, if you've already...
How to render React on the Server (SSR) in Static Markup (renderToStaticMarkup)?

This page shows you how to render React in a static HTML page (known in React as static markup) - ie only HTML element without any React properties or React library. The page then doesn't need to be hydrated....
Progressive Web Application (PWA)

A is a regular website that take advantage of modern browser functionality to augment the web experience progressively until you get a native look and feel application. Its name comes from the context...
React - Static Web Site Generation

How to generate a static pages from a React App.
React Framework - Gatsby

Gatsby is a React Framework that builds static PWA (Progressive Web App) When a visitor lands on a Gatsby page, the page’s HTML file is loaded first, then the React JavaScript bundle. where:...
React Framework - Next.js

Next is a React framework for server-rendered React applications. isomorphic apps (code that runs in the browser or in node) note from the getting started...
Now Port 5000
Serverless Hosting - Now

ZEIT Now is a cloud platform for serverless deployment. It enables developers to host websites and web services (without storage) that deploy instantly, scale automatically, and...



Share this page:
Follow us:
Task Runner