Frontend Template

Frontend Template
eleventy-kickstart-blogrt Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. License
7. Contact
8. Acknowledgements

About The Project

Features

Production-ready in mind:

• 🔥 11ty for Static Site Generator
• 🎨 Integrate with Tailwind CSS (with PurgeCSS, remove unused CSS) and DaisyUI
• 💅 PostCSS for processing Tailwind CSS
• ⚡️ Lazy load images with lazysizes
• ✨ Compress image with Squoosh (by running yarn min)
• 🎈 Syntax Highlighting with Prism.js
• ☕ Minify HTML & CSS with HTMLMinifier and cssnano
• ✏️ Linter with ESLint
• 🛠 Code Formatter with Prettier
• 💨 Live reload
• 📦 Module Bundler with Vite
• 🦊 Templating with EJS and NJK
• 🤖 SEO metadata and Open Graph tags
• ⚙️ JSON-LD for richer indexing
• 🗺 Sitemap.xml
• ⚠️ 404 page
• 📖 Pagination
• ✅ Cache busting
• 💯 Maximize lighthouse score
• 🌈 Include a FREE minimalist blog theme
• ✨ Commit message with icon using bump-version

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install yarn -g

Installation

1. Clone the eleventy-kickstart-blog

   git clone https://github.com/loctran016/eleventy-kickstart-blog.git

2. Install NPM packages

   yarn install

Usage

Use this space to show useful examples of how a project can be used. Additional screenshots, code examples and demos work well in this space. You may also link to more resources.

Roadmap

See the open issues for a list of proposed features (and known issues).

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Loctran016 - @loctran016 - [email protected]

Project Link: https://github.com/loctran016/eleventy-kickstart-blog

Acknowledgements

• Best Readme Template
• Eleventy Starter Boilerplate (some code here is come from this repo)
• eleventy-with-vite (thanks to this project, I can add vite)