This is my personal website and blog, now powered by Eleventy (11ty), a simple and flexible static site generator. I initially built this site using HTML, CSS, and JavaScript, and later integrated Eleventy to enhance the blogging experience.
- Fast and secure static site built with Eleventy (11ty)
- Clean, minimal design with responsive styling
- Easy-to-navigate blog structure
- Markdown support for writing blog posts
- Optimized for performance and SEO
- Eleventy (11ty) – Static Site Generator
- HTML5 – Structure and content
- CSS3 – Custom styling and layouts
- JavaScript – Basic functionality and interactivity
├── src/
│ ├── _includes/ # Nunjucks templates and partials
│ │ ├── article.njk # Article snippet template
│ │ ├── base.njk # Base layout template
│ │ ├── footer.njk # Footer template
│ │ ├── header.njk # Header template
│ ├── admin/ # Netlify CMS configuration
│ │ ├── config.yml # CMS configuration file
│ │ └── index.html # Admin panel
│ ├── assets/ # Static files (images, fonts, etc.)
│ ├── blog/ # Blog posts written in Markdown
│ ├── blog.njk # Blog layout template
│ ├── style.css # Main stylesheet
│ └── index.njk # Home page layout
├── .eleventy.js # Eleventy configuration file
├── package.json # Project metadata and dependencies
├── README.md # Project documentation
To run this project locally:
- Clone the repository:
git clone https://github.com/maroofmedia/maroof-website-cms.git
- Navigate into the project folder:
cd maroof-website-cms - Install the dependencies:
npm install
- Start the local development server:
npm start
Your site should now be running at http://localhost:8080.
You can view the live version of this site here:
👉 My Website
This project is open-source and available under the MIT License.
- Built using Eleventy (11ty)
- Deployed using Netlify