11ty Portfolio Starter is an Eleventy (11ty) portfolio boilerplate that produces a Bootstrap-styled personal portfolio site from Markdown content. It is published by GitHub user aadityavaze and ships with npm scripts for install, local watch mode, and deploy, with a live demo hosted at bucolic-pegasus-5dab5c.netlify.app.
What is the 11ty Portfolio Starter?
The 11ty Portfolio Starter is a static site generator template built on the Eleventy framework that takes Markdown content as input and outputs a static portfolio website styled with the Bootstrap CSS framework. The repository includes a template preview screenshot showing the design before installation. It is maintained by aadityavaze on GitHub and currently has 7 stars.
Key Features
- Eleventy-powered static generation — the site is built with Eleventy, which compiles Markdown content into plain HTML output with no database or server required.
- Bootstrap styling — the visual design is built on the Bootstrap CSS framework, giving you responsive grid layouts and pre-built components out of the box.
- SCSS preprocessing — the template processes SCSS stylesheets, letting you compile variables, mixins, and nested rules into the final CSS bundle.
- Markdown content authoring — portfolio content such as projects and biographical text is written in Markdown and transformed into HTML at build time.
- npm-based workflow — three npm scripts cover the full workflow: npm install for dependencies, npm run watch for local development, and npm run deploy for publishing the build.
- Netlify deployment — the template targets Netlify, and a demo of the starter is available at bucolic-pegasus-5dab5c.netlify.app.
Who is it for?
- Front-end developers — scaffold a personal portfolio site quickly and then customize SCSS variables and the Bootstrap layout to match your own design.
- Designers — write project case studies and bio copy directly in Markdown files without touching HTML, then preview changes locally with npm run watch.
- Freelancers and hobbyists — deploy a no-cost static portfolio to Netlify using the included npm run deploy script and update content by editing Markdown between builds.
What can you do with the 11ty Portfolio Starter?
- Showcase your projects: add project entries as Markdown files and have them rendered into a styled Bootstrap layout on the generated page.
- Launch a personal homepage: use the starter's portfolio structure to publish a bio, work samples, and contact information as a static site.
- Learn Eleventy: follow the repository's clone-and-install steps to see how an Eleventy project is organized from SCSS inputs to final HTML output.
FAQ
Is the 11ty Portfolio Starter free to use?
The repository is public on GitHub, so it can be cloned without payment and used with the npm toolchain. The README does not state any license restrictions.
What does the 11ty Portfolio Starter do?
It takes Markdown content and SCSS stylesheets as inputs and builds them with Eleventy and Bootstrap into a static HTML portfolio website. The output is plain static files that can be hosted on any static host such as Netlify.
What stack does the template use?
The template uses Eleventy (11ty) as the static site generator, Bootstrap for CSS styling, SCSS for stylesheet preprocessing, and Markdown for content. All tooling is managed through npm scripts.
How do I deploy the site?
Run npm install to install dependencies, then npm run deploy to build and publish the site. The repository links to a Netlify-hosted demo at bucolic-pegasus-5dab5c.netlify.app, indicating the template is set up for Netlify deployment.
