{"id":13436751,"url":"https://github.com/stowball/elf","last_synced_at":"2025-08-11T20:13:12.731Z","repository":{"id":146023259,"uuid":"292967018","full_name":"stowball/elf","owner":"stowball","description":"Elf is a simple \u0026 magical Eleventy starter kit to help you create a project using standard technologies like webpack, Babel and Sass, while also considering ease of use, performance and browser compatibility.","archived":false,"fork":false,"pushed_at":"2021-03-16T09:05:46.000Z","size":413,"stargazers_count":54,"open_issues_count":1,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-09T07:42:31.555Z","etag":null,"topics":["autoprefixer","babel","ejs","eleventy","eleventy-sample","jamstack","sass","webpack"],"latest_commit_sha":null,"homepage":"https://elf-eleventy.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stowball.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-09-04T23:41:34.000Z","updated_at":"2025-02-18T12:48:10.000Z","dependencies_parsed_at":"2023-04-11T15:46:25.267Z","dependency_job_id":null,"html_url":"https://github.com/stowball/elf","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/stowball/elf","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stowball%2Felf","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stowball%2Felf/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stowball%2Felf/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stowball%2Felf/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stowball","download_url":"https://codeload.github.com/stowball/elf/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stowball%2Felf/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269948859,"owners_count":24501821,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-11T02:00:10.019Z","response_time":75,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["autoprefixer","babel","ejs","eleventy","eleventy-sample","jamstack","sass","webpack"],"created_at":"2024-07-31T03:00:51.848Z","updated_at":"2025-08-11T20:13:12.691Z","avatar_url":"https://github.com/stowball.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg\n    alt=\"Elf logo\"\n    height=\"200\"\n    src=\"https://github.com/stowball/elf/blob/master/src/images/logo.svg?raw=true\"\n  /\u003e\n\n# Elf\n\n\u003c/div\u003e\n\nElf is a simple, magical [Eleventy](https://www.11ty.dev/) starter kit to help you create a project using standard technologies like webpack, Babel and Sass, while also considering ease of use, performance and browser compatibility.\n\nIf you'd like to know why Elf exists and how best to take advantage of it, read [Creating a production-ready Eleventy project with webpack, Babel and Sass](https://dev.to/stowball/creating-a-production-ready-eleventy-project-with-webpack-babel-and-sass-35ep).\n\n## Getting started\n\n1. Clone or fork this repo: `git clone https://github.com/stowball/elf`\n2. `cd` into the project directory and run `npm install`\n\n## Running and serving a dev build\n\n```sh\nnpm run dev\n```\n\nBrowse to [http://localhost:8080](http://localhost:8080).\n\n## Running and serving a prod build\n\n```sh\nnpm run prod\nnpm run serve:prod\n```\n\nBrowse to [http://localhost:5000](http://localhost:5000).\n\n## Technologies used\n\n* [Eleventy](https://www.11ty.dev/)… obviously\n* [EJS](https://ejs.co/) as the templating language\n* [Sass](https://sass-lang.com/) for writing CSS\n* [Babel](https://babeljs.io/) for transpiling and polyfilling JavaScript\n* [Autoprefixer](https://github.com/postcss/autoprefixer) for vendor prefixing CSS\n* [Webpack](https://webpack.js.org/) for compiling the Sass and JavaScript assets\n* [ESLint](https://eslint.org/) and [Airbnb's base configuration](https://www.npmjs.com/package/eslint-config-airbnb-base) for linting\n\n## Project structure\n\n```\nsrc/\n  _components/\n    All UI partials\n  _data/\n    Eleventy data files\n  _layouts/\n    Base page layouts\n  _pages/\n    Each individual page template\n  assets/\n    css/\n      index.scss\n      All other scss files\n    js/\n      index.js\n      All other js files\n  images/\n    All images used\nConfiguration and build files\n```\n\nFiles in `assets` will be handled by webpack, Eleventy will transform all of the directories with a leading `_`, and will copy across any `images`.\n\nEleventy’s output will be to a `dist` directory at the root level.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstowball%2Felf","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstowball%2Felf","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstowball%2Felf/lists"}