htr / example-every-color

An example site which uses Netlify's On-Demand Builders to generate millions of color reference pages

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Netlify examples

Every Color

View this demo site: https://every-color.netlify.app

Netlify Status

About this example site

This site uses Netlify's On-demand builders to dynamically generate a page for any requested valid CSS color in hex, RGB, or named formats.

On-demand builders generate a page the first time it is requested and then adds it to the most recent deployment for immediate serving for each subsequent request. This is an implementation of the Distributed Persistent Rendering (DPR) model.

Speedily deploy your own version

Deploy your own version of this example site, by clicking the Deploy to Netlify Button below. This will automatically:

  • Clone a copy of this repo to your own GitHub account
  • Create a new project in your Netlify account, linked to your new repo
  • Create an automated deployment pipeline to watch for changes on your repo
  • Build and deploy your new site

Deploy to Netlify

Install and run this example locally

You can clone this example repo to explore its features and implementation, and to run it locally.

# 1. Clone the repository to your local development environment
git clone git@github.com:netlify/example-every-color.git

# 2. Move into the project directory
cd example-every-color

# 3. Install code dependencies
npm install

# 4. Install the Netlify CLI to let you locally serve your site using Netlify's features
npm install -g netlify-cli

# 5. Serve your site using Netlify Dev
netlify dev

About

An example site which uses Netlify's On-Demand Builders to generate millions of color reference pages


Languages

Language:JavaScript 42.8%Language:HTML 31.0%Language:CSS 26.3%