Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/titieo/eleventy-kickstart-blog

A starter for your 11ty project using tailwindcss, daisyui, vitejs and vercel
https://github.com/titieo/eleventy-kickstart-blog

11ty 11ty-starter 11ty-template daisyui eleventy frontend postcss ssg tailwind-css tailwind-css-template tailwindcss

Last synced: 2 months ago
JSON representation

A starter for your 11ty project using tailwindcss, daisyui, vitejs and vercel

Awesome Lists containing this project

README

        

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url] [![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
[![js-standard-style](https://cdn.rawgit.com/standard/standard/master/badge.svg)](http://standardjs.com)





Logo

Frontend Template


Frontend Template


eleventy-kickstart-blogrt Bug
ยท
Request Feature

Table of Contents




  1. About The Project



  2. Getting Started


  3. Usage

  4. Roadmap

  5. Contributing

  6. License

  7. Contact

  8. Acknowledgements

## About The Project

![Product Name Screen Shot](logo.jpg)

## Features

Production-ready in mind:

- ๐Ÿ”ฅ [11ty](https://www.11ty.dev) for Static Site Generator
- ๐ŸŽจ Integrate with [Tailwind CSS](https://tailwindcss.com) (with
[PurgeCSS](https://purgecss.com), remove unused CSS) and
[DaisyUI](https://daisyui.com/)
- ๐Ÿ’… [PostCSS](https://postcss.org) for processing
[Tailwind CSS](https://tailwindcss.com)
- โšก๏ธ Lazy load images with [lazysizes](https://github.com/aFarkas/lazysizes)
- โœจ Compress image with
[Squoosh](https://github.com/GoogleChromeLabs/squoosh) (by running `yarn min`)
- ๐ŸŽˆ Syntax Highlighting with [Prism.js](https://prismjs.com)
- โ˜• Minify HTML & CSS with
[HTMLMinifier](https://www.npmjs.com/package/html-minifier) and
[cssnano](https://cssnano.co)
- โœ๏ธ Linter with [ESLint](https://eslint.org)
- ๐Ÿ›  Code Formatter with [Prettier](https://prettier.io)
- ๐Ÿ’จ Live reload
- ๐Ÿ“ฆ Module Bundler with [Vite](https://vitejs.dev/)
- ๐ŸฆŠ Templating with [EJS](https://ejs.co) and
[NJK](https://mozilla.github.io/nunjucks/templating.html)
- ๐Ÿค– SEO metadata and [Open Graph](https://ogp.me/) tags
- โš™๏ธ
[JSON-LD](https://developers.google.com/search/docs/guides/intro-structured-data)
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](https://github.com/PicGo/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

```sh
npm install yarn -g
```

### Installation

1. Clone the eleventy-kickstart-blog

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

2. Install NPM packages

```sh
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](https://github.com/loctran016/eleventy-kickstart-blog/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](https://twitter.com/loctran016) - [email protected]

Project Link:
[https://github.com/loctran016/eleventy-kickstart-blog](https://github.com/loctran016/eleventy-kickstart-blog)

## Acknowledgements

- [Best Readme Template](https://github.com/othneildrew/Best-README-Template)
- [Eleventy Starter Boilerplate](https://github.com/ixartz/Eleventy-Starter-Boilerplate)
(some code here is come from this repo)
- [eleventy-with-vite](https://github.com/fpapado/eleventy-with-vite) (thanks to this project, I can add vite)

[contributors-shield]: https://img.shields.io/github/contributors/loctran016/eleventy-kickstart-blog.svg?style=for-the-badge
[contributors-url]: https://github.com/loctran016/eleventy-kickstart-blog/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/loctran016/eleventy-kickstart-blog.svg?style=for-the-badge
[forks-url]: https://github.com/loctran016/eleventy-kickstart-blog/network/members
[stars-shield]: https://img.shields.io/github/stars/loctran016/eleventy-kickstart-blog.svg?style=for-the-badge
[stars-url]: https://github.com/loctran016/eleventy-kickstart-blog/stargazers
[issues-shield]: https://img.shields.io/github/issues/loctran016/eleventy-kickstart-blog.svg?style=for-the-badge
[issues-url]: https://github.com/loctran016/eleventy-kickstart-blog/issues
[license-shield]: https://img.shields.io/github/license/loctran016/eleventy-kickstart-blog.svg?style=for-the-badge
[license-url]: https://github.com/loctran016/eleventy-kickstart-blog/blob/master/LICENSE.txt