Mk2 P4nth3rblog

screenshot of Mk2 P4nth3rblog
eleventy
scss
contentful

My personal blog site #BuiltWithEleventy.

Overview

This article provides an overview of a website that is built with Eleventy and Netlify. It explains how to develop the site locally, including installing dependencies and running the site. It also explains the project structure and how different directories and files are used. The article concludes by mentioning that the site is built using Netlify and served from a directory called _site.

Features

  • Eleventy and Netlify: The site is built using Eleventy and deployed using Netlify.
  • Local Development: The article provides instructions on how to develop the site locally, including installing dependencies and running the site.
  • Project Structure: The article explains the structure of the project, including the various directories and files used.
  • Data Sources: The project fetches and formats data from sources such as Contentful, GitHub, and Twitch.
  • Utility Folders: Directories prefixed with _ serve as utility folders, providing global data, layouts, styles, component partials, and other functionality.
  • Page-Level Route Directories: Directories such as about, blog, talks, topics, and uses act as page-level route directories, resulting in specific routes in the site build.
  • Site Homepage: The site homepage is built from a specific file in the project structure.
  • Dynamic Routes: The project uses Eleventy pagination to create collections of files or dynamic routes, which are available on specific routes.
  • Build Output: The site is built to and served from a directory called _site.

Summary

This article provides a detailed overview of a website built with Eleventy and deployed using Netlify. It explains how to develop the site locally, including installing dependencies and running the site. It also delves into the project structure, highlighting the various directories and files used. The article concludes by mentioning the build output directory and how the site can be served using the Netlify CLI.

eleventy
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

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.

contentful
Contentful

Contentful is a headless content management system (CMS) that provides a flexible and scalable platform for creating, managing, and delivering digital content across multiple channels and devices.