Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • Books
Search Account

Articles Tagged
static sites

22 Articles
{
,

}
Direct link to the article Rendering Spectrum
client side rendering rendering server side rendering static sites

Rendering Spectrum

Here are the big categories of rendering websites:

  • Client: ship a <div id="root"</div and let a JavaScript template render all of it.
  • Static: pre-render the HTML.
  • Server: let a live server process requests and generate the
…
Avatar of Chris Coyier
Chris Coyier on Nov 24, 2020 (Updated on Nov 25, 2020)
Direct link to the article “The Modern Web”
performance react static sites

“The Modern Web”

A couple of interesting articles making the rounds:

  • Tom MacWrite: Second-guessing the modern web
  • Rich Harris: In defense of the modern web
…
Avatar of Chris Coyier
Chris Coyier on May 22, 2020
Direct link to the article Emergency Website Kit
eleventy netlify static sites

Emergency Website Kit

Direct Link

Here’s an outstanding idea from Max Böck. He’s created a boilerplate project for building websites that fit within a single HTTP request. This is extremely important for websites that contain critical information for public safety. As Max writes:

In cases

…
Avatar of Robin Rendle
Shared by Robin Rendle on Mar 27, 2020
Direct link to the article How To Create A Headless WordPress Site On The Jamstack
jamstack netlify nuxt static sites WordPress

How To Create A Headless WordPress Site On The Jamstack

Direct Link

Just this morning, Chris shared a streamlined way to get a static site up and running with Netlify. As it happens, Sarah and I also wrote up a little something that expands that idea where a static site can …

Avatar of Geoff Graham
Shared by Geoff Graham on Feb 4, 2020
Direct link to the article JAMstack CMSs Have Finally Grown Up!
CMS headless cms jamstack static sites

JAMstack CMSs Have Finally Grown Up!

This article is based on Brian’s presentation at Connect.Tech 2019. Slides with speaker notes from that presentation are available to download.

In my experience, developers generally find the benefits of the JAMstack easy to comprehend. Sites are faster …

Avatar of Brian Rinaldi
Brian Rinaldi on Nov 15, 2019 (Updated on Nov 21, 2019)
Direct link to the article JAMstack Tools and The Spectrum of Classification
headless cms jamstack static sites

JAMstack Tools and The Spectrum of Classification

With the wonderful world of JAMstack getting big, all the categories of services and tools that help it along are as important as ever. There are static site generators, headless CMSs, and static file hosts.

I think …

Avatar of Chris Coyier
Chris Coyier on Oct 17, 2019 (Updated on Oct 24, 2019)
Direct link to the article Using GitHub Template Repos to Jump-Start Static Site Projects
github github templates static sites

Using GitHub Template Repos to Jump-Start Static Site Projects

If you’re getting started with static site generators, did you know you can use GitHub template repositories to quickly start new projects and reduce your setup time?…

Avatar of Tyler Williams
Tyler Williams on Oct 4, 2019
Direct link to the article A Comparison of Static Form Providers
forms static sites

A Comparison of Static Form Providers

Let’s attempt to coin a term here: “Static Form Provider.” You bring your HTML <form></form>, but don’t worry about the back-end processing that makes it work. There are a lot of these services out there!

Static Form Providers do …

Avatar of Silvestar Bistrović
Silvestar Bistrović on Sep 18, 2019 (Updated on Jan 8, 2020)
Direct link to the article Fast Static Sites with Netlify and AnyMod
netlify static sites

Fast Static Sites with Netlify and AnyMod

In about 10 minutes, we’ll set up a workflow that makes static sites dead simple.…

❥ Sponsored
Direct link to the article A Beginner’s Journey to Launching a Website
domains gatsby hosting netlify static sites

A Beginner’s Journey to Launching a Website

In September 2018, I was just a few months into my journey of learning web development. As I’m sure is the case with many new developers, it was a big task for me to learn not only the basic skills …

Avatar of Josh
Josh on Jul 22, 2019 (Updated on Aug 2, 2019)
Direct link to the article Components, yo.
components javascript framework static sites vuepress

Components, yo.

I see VuePress just went 1.0. Explained simply, it’s a static site generator based on Vue. But of course, you work in Vue, which means you work in components.

All the modern JavaScript frameworks are component-based. Even …

Avatar of Chris Coyier
Chris Coyier on Jun 14, 2019
  • 1
  • 2
  • Older
Our Learning Partner
Frontend Masters logo
Frontend Masters

Need front-end development training?

Frontend Masters is the best place to get it. They have courses on all the most important front-end technologies, from React to CSS, from Vue to D3, and beyond with Node.js and Full Stack.

CSS-Tricks is created by Chris and a team of swell people.

Keep up to date on web dev

with our hand-crafted weekly newsletter

Tech
  • WordPress (CMS)
  • Jetpack (Search, Backup)
  • WooCommerce (eCommerce)
  • Local (Development)
Hosting
  • Flywheel
Family
  • CodePen
  • ShopTalk Show
Minisites
  • The Power of Serverless
  • Upcoming Conferences
  • Coding Fonts
Contact
  • Email
  • Sponsorship Info
  • Guest Writing
Buy
  • Posters & Swag
  • Membership
Follow
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • GitHub
  • iTunes
  • RSS
Back to Top