This is the code for my personal site - alexpeattie.com - it's a static site built with Eleventy and hosted on Netlify.
- ๐จ Style preprocessing with SASS/SCSS, PostCSS and Autoprefixer
- ๐ฆ Webpack for asset bundling
- ๐ ES6 support with Babel
- ๐ SEO friendly pages (including Open Graph and Twitter meta)
- ๐บ Automatic RSS feed & sitemap generation
- ๐ก light-server as local dev server
- ๐ป Netlify CLI for local replication of the prod environment
- โก๏ธ Build-time style optimization (with cssnano) and Turbolinks for snappy performance
- โจ Stimulus as a JS micro-framework
- ๐งฎ Shiki for syntax highlighting, KaTeX for math rendering
- Install and use the correct version of Node using NVM
nvm install
- Install dependencies
yarn
- Start the development server
yarn run dev
The site should be running on http://localhost:4000 โ .
To generate a full static production build
NODE_ENV=production yarn run build
You can preview the generated site as it will appear on Netlify, using Netlify Dev:
yarn global add netlify-cli # if not already installed
yarn run netlify dev
The production site can be previewed on http://localhost:4001 โ .
Color | Hex |
---|---|
Text | #212529 |
Headings | #000000 |
Light text | #738a94 |
Logo | #fff255 |
Code BG | #f6f8fa |
Separators | #e9ecef |
Link | #007bff |
Link hover | #0056b3 |
(The colors used across the site are stored as SASS variables in _variables.scss
)
As you might imagine, I'm only after contributions for actual bugs or typos (maybe refactoring) - please don't open an issue because you think the site's content is rubbish ๐ !
Of course, feel free to fork this repo if you want to use it as the base for your own site.
Copyright ยฉ 2021 Alex Peattie. MPLv2 Licensed, see LICENSE for details.