Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
static sites

24 Articles
{
,

}
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
Direct link to the article The Power of Serverless v2.0! (Now an Open-Source Gatsby Site Hosted on Netlify)
jamstack netlify serverless static sites

The Power of Serverless v2.0! (Now an Open-Source Gatsby Site Hosted on Netlify)

I created a website called The Power of Serverless for Front-End Developers over at thepowerofserverless.info a little while back while I was learning about that whole idea. I know a little more now but still have an endless amount to …

Avatar of Chris Coyier
Chris Coyier on May 23, 2019
Direct link to the article Netlify Functions for Sending Emails
api Email jamstack netlify static sites

Netlify Functions for Sending Emails

Let’s say you’re rocking a JAMstack-style site (no server-side languages in use), but you want to do something rather dynamic like send an email. Not a problem! That’s the whole point of JAMstack. It’s not just static hosting. …

❥ Sponsored
Direct link to the article A Site for Front-End Development Conferences (Built with 11ty on Netlify)
conference netlify static sites

A Site for Front-End Development Conferences (Built with 11ty on Netlify)

I built a new little site! It’s a site for listing upcoming conferences in the world of front-end web design and development. In years past (like 2017), Sarah Drasner took up this daunting job. We used a form for …

Avatar of Chris Coyier
Chris Coyier on Feb 12, 2019 (Updated on Feb 13, 2019)
Direct link to the article Two Ways to Build a Site That Seem Super Different But Weirdly Aren’t That Different
build tool spa static sites

Two Ways to Build a Site That Seem Super Different But Weirdly Aren’t That Different

Here are two ways to build a site (abstractly) that feel diametrically opposed to me:

  1. Build a site as an SPA (Single Page App). The page loads a skeleton HTML page that executes JavaScript as quickly as it can. The
…
Avatar of Chris Coyier
Chris Coyier on Dec 14, 2018
Direct link to the article JAMstack Comments
comments eleventy netlify static sites

JAMstack Comments

JAMstack sites are often seen as being static. A more accurate mental model for them would be that they are sites which have the ability to be hosted statically. The difference might seem semantic, but thanks to the rise …

❥ Sponsored
Direct link to the article Static File Hosting Doesn’t Have To Be So… Static
jamstack static sites

Static File Hosting Doesn’t Have To Be So… Static

A huge high-five and welcome to Netlify for the sponsorship this week.

If you haven’t heard of Netlify, the big thing you should know is that it’s web hosting, but more than that. It’s web hosting with the developer workflow …

❥ Sponsored
Direct link to the article Building A Static Site With Components Using Nunjucks
nunjucks static sites

Building A Static Site With Components Using Nunjucks

Direct Link

We’re so used to either a backend language or a JavaScript framework powering our data-backed components. I love me a Rails partial with a bunch of locals: {} or a <Component ...props /> but you don’t have to give up …

Avatar of Chris Coyier
Shared by Chris Coyier on Mar 15, 2018
Direct link to the article Build a Custom Serverless CMS: Part 2
aws CMS serverless static sites

Build a Custom Serverless CMS: Part 2

In our previous proof-of-concept demo, we built a bare bones admin for generating a web page with the ability to edit some text on the page and set the site title and description. For this next demo, we build on …

Avatar of John Polacek
John Polacek on Mar 8, 2017
Direct link to the article What Really Makes a Static Site Generator?
harp static sites

What Really Makes a Static Site Generator?

I talk a lot about static site generators, but always about using static site generators. In most cases, it may seem like a black box. I create a template and some Markdown and out comes a fully formed HTML page. …

Avatar of Brian Rinaldi
Brian Rinaldi on Feb 6, 2017
  • Newer
  • 1
  • 2
  • 3
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top