The code for alexpeattie.com - a static site built with Eleventy, hosted on Netlify
The personal site of Alex Peattie is a compelling example of modern web development, utilizing Eleventy as a static site generator. It’s hosted seamlessly on Netlify, providing users with quick access to a well-structured and visually appealing web presence. This site emphasizes performance, SEO, and maintainability, making it an excellent resource for anyone looking to replicate or draw inspiration from a successful web project.
Built with cutting-edge technologies, this static site showcases a plethora of features that cater to both developers and end-users. From style preprocessing to build-time optimizations, the site is designed to be efficient and easy to navigate, ensuring a pleasing experience for visitors.
Style preprocessing with SASS/SCSS, PostCSS and Autoprefixer: Streamlines CSS development, allowing for a more organized and manageable stylesheet.
Webpack for asset bundling: Optimizes and manages various assets in a single build, simplifying the development process.
ES6 support with Babel: Ensures compatibility across different browsers by transpiling modern JavaScript features.
SEO friendly pages: Incorporates Open Graph and Twitter meta tags to enhance social media sharing and visibility.
Automatic RSS feed & sitemap generation: Makes it easy for search engines to index the site and for users to subscribe to updates.
light-server as local dev server: Offers a simple setup for testing changes in a live environment, boosting productivity.
Netlify CLI for local replication: Facilitates easy management and testing of the production environment from a local setup.
Build-time style optimization: Uses cssnano to minimize CSS size and improves loading times without sacrificing visual quality.
