I am writing a series of posts on building site with 11ty, the static site generator. My personal website is built base on this starter.
Here are the post I wrote so far:
- Project configuration: jec.fyi/blog/building-my-static-site-with-11ty - release
0.1.1
- Setting up GitHub Actions and Firebase Hosting: jec.fyi/blog/setting-up-github-actions-and-firebase-hosting - release
0.2.0
- Customizing File Structure, URLs and Browsersync: jec.fyi/blog/customizing-file-structure-urls-browsersync - release
0.3.0
- Automating Image Optimization Workflow: jec.fyi/blog/automating-image-optimization-workflow - release
0.4.0
- Setting up SEO and Google Analytics: jec.fyi/blog/setting-up-seo-and-google-analytics - release
0.5.0
- Minifying HTML, JavaScript, CSS - Automate Inline with Naming Conventions: jec.fyi/blog/minifying-html-js-css - release
0.6.0
- How many favicons should you have in your site: jec.fyi/blog/favicons-manifest - release
0.7.0
- Creating Filters, Shortcodes and Plugins: jec.fyi/blog/creating-filters-shortcodes-plugins - release
0.8.0
- Supporting Dark Mode in Your Website: jec.fyi/blog/supporting-dark-mode - release
0.9.0
Each blog post come with a new release. You may run git checkout [release number]
to see how's the code like and follow through my blog post to build your site. Alternatively, you might look at the closed PRs as well
Stay tune for updates!
You may use this template as your project starter.
- Clone / Download it
- Run
npm install
- Run
npm start