project.md

Portfolio project

We're going to build a dev portfolio/blog site using Eleventy. Most of the features you need should be in the reference. Anything should be in the Eleventy docs.

Quick start

1. Create a new directory and initialise it npm init -y
2. Install Eleventy npm i @11ty/eleventy
3. Add npm scripts to package.json:

   "scripts": {
     "build": "eleventy build",
     "dev": "eleventy build --serve",
   }

4. npm run dev to start a live-reloading server

Criteria

Here's an example I built to demonstrate roughly the features this project needs:

https://11ty-portfolio-example.netlify.app/

• Multiple pages (e.g. home, about, blog)
• Blog posts generated from markdown files
• Recent posts on the home page
• All posts on the blog page
• Global navigation with links to all main pages
• Make it pretty!

Stretch criteria

• Tag pages for blog posts (e.g. show all posts tagged with "react")