Introduction

Agency11ty is a premium website template built using the 11ty (Eleventy) static site generator. This template is designed for creating modern, fast-loading agency websites with ease. It features integration with Decap (formerly Netlify CMS) for content management, making it an ideal solution for agencies and businesses looking for a powerful yet user-friendly website platform.

Main Features

1. Built with 11ty (Eleventy) for fast static site generation
2. Integration with Decap (Netlify CMS) for easy content management
3. Responsive design suitable for various devices
4. Blog functionality for content marketing
5. Optimized for performance with high Lighthouse scores
6. Easy customization and extensibility
7. SEO-friendly structure
8. Free to use and open-source
9. Modern and clean design aesthetic
10. Backend management interface for non-technical users

Installation Steps

1. Clone the repository:

   git clone https://github.com/mesinkasir/agency11ty.git your-project-name
   

2. Navigate to the project directory:

   cd your-project-name
   

3. Install dependencies:

   npm install
   

4. Run the development server:

   npm start
   

5. Build the site for production:

   npm run build
   

Usage Instructions

1. Content Management:

   • Use the Decap CMS interface to manage and update content
   • Access the CMS through the /admin route of your deployed site

2. Customizing Design:

   • Modify templates in the _includes directory
   • Update styles in the CSS files located in the public directory

3. Adding Pages:

   • Create new pages in the content directory
   • Use Markdown or Nunjucks templates for page content

4. Blog Posts:

   • Add new blog posts in the content/blog directory
   • Use the CMS to create and manage blog content

5. Configuration:

   • Adjust site settings in the _data directory
   • Modify the eleventy.config.js file for 11ty configuration

6. Deployment:

   • Use Netlify or any static site hosting service
   • Configure netlify.toml for deployment settings

7. Images:

   • Store images in the public/img directory
   • Use the built-in image optimization features

8. SEO:

   • Update metadata in individual page front matter
   • Customize the global SEO settings in the configuration files

Important Notes

1. Familiarize yourself with 11ty and Decap CMS documentation for advanced usage

2. Regularly update dependencies to ensure security and performance

3. Optimize images and assets for faster load times

4. Test the site across various devices and browsers to ensure responsiveness

5. Utilize the built-in SEO features and extend them as needed

6. Customize the Decap CMS configuration to match your specific content needs

7. Consider implementing additional features like contact forms or integrations as required

8. Keep backups of your content and code

9. Monitor site performance and make optimizations as necessary

10. Contribute to the project or report issues on GitHub if you encounter any problems or have suggestions for improvement