Opiniated starter template for 11ty.

The template includes a basic SEO configuration. The title, the description and the meta tags (Facebook, Twitter, OpenGraph) are automatically generated from the frontmatter of each page.

The template uses Tailwind CSS for styling. It only includes a basic set of styles, for typography and link styling.

When NODE_ENV is set to development, the template uses the unminiified version of the generated CSS. This is useful for debugging. When NODE_ENV is set to production, the template uses a minified and optimized CSS.

The serve:* commands are used to start the development server. serve:tailwind pass the base CSS file through the Tailwind configuration file and generates the unminified development CSS file. serve:11ty starts the BrowserSync for 11ty serve and watches for changes in the src directory.

Run npm run serve to start the development.

build:tailwind works almost similar to serve:tailwind. The only difference is that it generates the minified CSS file used in production. build:11ty builds the site and generates the static HTML files in the dist directory.

Run npm run build to start the production build.