A corporate-free website starter project that gets you up to zero.

ZeroPoint is a free and open-source website starter project that helps you get your website project up and running quickly.

Focusing on simplicity, version control, and native web technology, ZeroPoint provides a solid foundation for your website without the bloat of unnecessary databases, server-side languages, frameworks or monolithic content management systems.

Features

• 🏗️ Static site generation with Eleventy
• 🧩 Reusable components with Eleventy Reusable Components
• 🔍 Full-text search with Pagefind
• 🌐 No frameworks, unless you add them. All native web code: HTML, CSS, and JavaScript
• 📄 Example content types and site data
• ⚙️ Custom fields built in!
• 🎨 Sass and Javascript asset pipelines
• 🔧 Extensible to add content management, e-commerce, contact forms, and more.
• 🆓 Free from corporate ownership and tracking

Get Started with ZeroPoint

1. You have to start somewhere

   Generate a new GitHub repository using the ZeroPoint template (click here) or using GitHub CLI:

   gh repo create my-new-site --template MWDelaney/ZeroPoint

   Install dependencies:

   npm install

   Start your local development server:

   npm dev

   Next steps

   • Edit the home page: content/pages/index.md
   • Add or edit navigation: src/data/navigation.json
   • Change colors and styles: src/assets/styles/

   See the complete ZeroPoint Starter documentation to keep going!

2. Build with Components

   Create reusable HTML components, patterns, and templates using Eleventy Reusable Components.

   Install the Eleventy Reusable Components plugin:

   npm install --save-dev eleventy-plugin-reusable-components

   Uncomment the plugin's configuration in src/config/plugins.js:

   import reusableComponents from "eleventy-plugin-reusable-components";
   
   /**
     * ZeroPoint Reusable Components plugin
     * https://github.com/MWDelaney/eleventy-plugin-reusable-components
     */
   async reusableComponents (eleventyConfig) {
     // Add plugin to eleventyConfig
     eleventyConfig.addPlugin(reusableComponents, {
       componentsDir: "src/assets/components/*.njk"
     });
   
     // Register CSS and JS component bundles
     eleventyConfig.addBundle("componentCss", {
       toFileDirectory: "assets/styles/",
     });
   
     eleventyConfig.addBundle("componentJs", {
       toFileDirectory: "assets/scripts/",
     });
   }

   See the Building with Blocks for details on creating and using your first component.

3. Deploy to the web

   Deploy your site to the web using Netlify, Cloudflare Pages, GitHub Pages, or your favorite hosting provider.

   We maintain a set of example GitHub Actions and Workflows along with documentation to help you get your site online using a variety of hosting types.

• Next: Adding a CMS