Fernfolio 11ty Template
The super simple portfolio template built with Eleventy and Netlify CMS
Overview:
The Fernfolio 11ty Portfolio Template is an Eleventy theme designed to simplify the process of creating a beautiful portfolio and blog. It is tightly integrated with Netlify CMS for flexible, Git-powered content management. With this template, users can launch their personal portfolio in minutes and modify content without opening a code editor.
Features:
- Deep integration with Netlify CMS, allowing users to modify content without opening a code editor.
- Customizable blog and project pages with tag support.
- Working contact form powered by Netlify Forms.
- Fast page speeds and high lighthouse scores.
- Uses Markdown for content files and Nunjucks for layouts.
- 100% Javascript framework free.
- SCSS support with sane base styles.
- Continuous Deployment workflow via Netlify.
- Responsive images generated at build time.
- Minified HTML with HTMLMinifier.
- Minified CSS with cssnano.
- Turbolinks integration to enable instant navigation without page refresh.
- Useful Nunjuck filters built in.
- Eleventy
11ty is a static site generator that allows developers to build fast, modern websites using HTML, Markdown, and other templating languages, without the need for a complex build system.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- NetlifyCMS
Netlify CMS is a powerful and flexible content management system that is designed to work seamlessly with the Netlify platform. Netlify CMS provides a user-friendly interface for managing content, including support for custom content types, localization, and asset management.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
