Landing Page Template
This is a minimal landing page template built with Eleventy (11ty), a static site generator. It provides a fast, lightweight starting point for creating a single-page marketing site, with SVG icons from Tabler Icons and a straightforward npm-based workflow.
What is the Landing Page Template?
The Landing Page Template is a starter project for building static landing pages with Eleventy. It takes Markdown and template files as input and outputs a static HTML site. Eleventy compiles the files and lets you preview the result locally with a development server. The template is distributed as a GitHub repository, installable with npm install --save-dev and run with npx eleventy.
Key Features
- Eleventy static site generator — Builds a static HTML site from templates and Markdown, with no server-side dependencies.
- Tabler Icons — Includes base SVG icons from tablericons.com, offering a consistent set of icons out of the box.
- Simple npm workflow — Install with
npm install --save-devand generate the site withnpx eleventy. - Local development server — Run
npx eleventy --serveto start a live-reloading server for rapid previewing. - Markdown support — Content can be authored in Markdown, which Eleventy converts to HTML.
Who should use this template?
- Static site developers — Anyone who prefers a lightweight static site generator over a full JavaScript framework can build and customize the landing page with Eleventy.
- Small business owners — The template gives a simple, fast-loading page that can be deployed to any static hosting service.
- Side-project creators — Use it to launch a quick product or project landing page without setting up a database or CMS.
Use cases
- Product launch pages — Create a single-page site to announce a new project and collect interest.
- Personal portfolio pages — A basic one-page layout with icons and minimal styling can be adapted into a portfolio.
- Static marketing sites — For teams that want a lightweight, low-maintenance landing page with no backend.
How does the template work?
- Install the dependencies with
npm install --save-dev. - Build the site with
npx eleventy. - Preview it locally with
npx eleventy --serve, which starts a development server with live reload.
FAQ
How do I start a local server?
Run npx eleventy --serve after installing dependencies. It starts a local development server that watches for file changes and reloads the browser automatically.
What does Eleventy do?
Eleventy (11ty) is a static site generator that compiles Markdown, HTML, and template files into a static site. It outputs plain HTML, so no server or database is required.
Are the icons included free to use?
The template uses base SVG icons from Tabler Icons, which are open-source (MIT-licensed), so they can be used freely in projects.
Can I host the generated site anywhere?
Yes, since Eleventy produces static HTML, the output can be hosted on any web server or static hosting platform like Netlify, Vercel, or GitHub Pages.
