11tyFrame

11tyFrame is a lightweight starter-site template built on the Eleventy static site generator that produces a static HTML site and is designed to be deployed on Netlify.

What is 11tyFrame?

11tyFrame is a minimal 'site frame' — a boilerplate starter — that uses the Eleventy static site generator (11ty.dev) to transform content files into a static HTML website. The template takes Eleventy configuration and content as input and outputs a static site ready for hosting. It is served by Netlify and was redesigned in 2020 to apply the Content-on-request architecture, abbreviated CoRsa, explained on the dedicated CoRsa site. The repository is public and currently has 6 stars.

Key Features

• Built on Eleventy — Uses the Eleventy static site generator (11ty.dev) to build the site from templates and content files.
• Lightweight frame — Positioned as a light site frame, giving you a minimal starting point without extra scaffolding.
• Netlify-ready deployment — The live demo is served by Netlify, and the repo includes a Netlify status badge for continuous deployment.
• Content-on-request architecture — The redesign applies the CoRsa content-on-request technique, with details on the CoRsa site.
• Companion learning resource — The related 11tyTips site provides an overview of how this site was made, useful for understanding the code.
• Public repository — Hosted with 6 stars, making it available for others to explore, fork, or use.

Who is it for?

• Developers starting a new static site — Use 11tyFrame as a minimal Eleventy base to build a blog, portfolio, or company site without starting from zero.
• Eleventy learners — Follow the related 11tyTips site to see how this frame was constructed step by step.
• Designers needing a light skeleton — Clone the frame and add your own styles and content to get a simple site up quickly.
• Developers curious about CoRsa — Study the implementation of content-on-request in a real project and read the CoRsa site for the full technique.

What can you do with 11tyFrame?

• Launch a basic static site: Set up an Eleventy project quickly by using this frame as the starting point, then add pages and content.
• Deploy to Netlify: Push the project to Netlify to get a live static site, as demonstrated by the 11tyFrame demo.
• Learn Eleventy architecture: Read the accompanying 11tyTips site for a walkthrough of this site's structure and build process.
• Explore the content-on-request pattern: Inspect the CoRsa implementation in the frame and refer to the CoRsa site for the detailed architecture.

FAQ

What is 11tyFrame?

11tyFrame is a light site frame built with the Eleventy static site generator. It serves as a starter template for creating static websites and is deployed on Netlify for demonstration.

What static site generator does 11tyFrame use?

It uses Eleventy (11ty.dev), a static site generator that turns templates and content into plain HTML files. The 11tyFrame project is set up as an Eleventy site.

Is 11tyFrame served on Netlify?

Yes. The example site is served by Netlify, and the repository includes a Netlify deployment status badge so you can check the current build status.

What is the CoRsa architecture mentioned in the change log?

CoRsa stands for Content-on-request, a technique described on the CoRsa site. The 2020 redesign of 11tyFrame applies this architecture to the frame, and you can learn the details from that site.