This is a starter project for smaller websites, like a personal blog or landing pages. It uses 11ty for Static Site Generation and Vite for building Javascript and SASS/SCSS.
- The
assets
folder has a passthrough. Anything you add to it will be copied directly to the public site. _data
has seo.json, make sure you tweak this to reflect your site and links.- You can write your Javascript in
scripts
and SASS/SCSS instyles
. - Entry points to these must be
main.js
andmain.css
respectively, you can change these defaults in thedefault.html
within_includes
. The rest of the folder structure is up to you. - The
.eleventy.js
config file is well commented and explains exactly how this integration works. It's not perfect and still WIP. - Feedback and suggestions on how to improve this are always welcome.
- Clone this repo
yarn
to install all dependenciesyarn dev
to start a dev serveryarn build
to build the site into_site
directoryyarn prod
will build the site and also serve it up
Note: some commands are hardcoded with yarn, so using npm will not work. I will fix this in a future version.