Brian's Website

Installed Eleventy, Made Index Page

These are the prelimiary setps to set up Eleventy.

  1. Created a folder for the website (I called mine "Website").
  2. Opened the Website folder in VS Code.
  3. Confirmed that Node.js was installed with node -v(v22.14.0 was installed).
  4. Made .eleventy.js configuration file. Added code similar to what is used in the Learn Eleventy project:
module.exports = (eleventyConfig) => {
    	return {
    		dir: {
    			input: 'src',
    			output: 'public',
    		},
    	};
    };
  1. Made /src folder.
  2. In /src made index.md with Hello World placeholder.
  3. Added package.json with nom init -y.
  4. In package.json, replaced test script with "start": "npx eleventy --serve".
  5. Installed Eleventy with npm install @11ty/eleventy.
  6. Ran Eleventy with npm start. This creates /publc. Checked http://localhost:8080.