Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/bradp/pears

๐Ÿ๏ธ A starter kit for building static sites quickly, easily, and efficiently.
https://github.com/bradp/pears

hugo hugo-boilerplate hugo-starter hugo-theme starter starter-kit starter-template static-site tailwind tailwindcss

Last synced: about 2 months ago
JSON representation

๐Ÿ๏ธ A starter kit for building static sites quickly, easily, and efficiently.

Awesome Lists containing this project

README

        

# ๐Ÿ๏ธย ย Pears - A Static Site Starter Kit


illustration of pears





A starter kit for building static sites quickly, easily, and efficiently.





Build Status

Latest Release

Last commit




View live demo โ†’




:warning: Currently, Pears is in an early state of development. Things may break & change.

## ๐Ÿ† Goals

- Super simple to use and develop with. No messing with settings and configurations.
- Easy to use for those who are not familiar with Hugo. They shouldn't have to learn more than the basics.
- Powered by tools that are focused on a quick and efficient development cycle.
- Pre-packed with shortcodes & partials for a ton of different components.

## ๐ŸŽ‰๏ธ What's included?

๐Ÿšงย ย  **[Hugo](https://gohugo.io)** - The fastest framework for building static sites

๐ŸŽจย ย  **[TailwindCSS](https://tailwind.css)**, **[Tailwind Forms](https://github.com/tailwindlabs/tailwindcss-forms)**, and **[Tailwind Typography](https://github.com/tailwindlabs/tailwindcss-typography)** Utility-first CSS framework to build your site without ever having to leave your HTML.

๐Ÿ”ง๏ธย ย  **[PostCSS](https://github.com/postcss/postcss)**, **[autoprefixer](https://github.com/postcss/autoprefixer)**, and **[PurgeCSS](https://github.com/FullHuman/purgecss)** Trim your CSS files (including Tailwind's) to be _only_ the classes and rules you actually use in your markup.

๐ŸŒˆ๏ธ ย ย **[Prettier](https://github.com/prettier/prettier)** and **[stylelint](https://github.com/stylelint/stylelint)** Write better code without having to think about formatting.

๐Ÿ”๏ธ ย ย **[ESLint](https://eslint.org)** Never run into JS errors again.

## ๐Ÿš€๏ธ Getting Started

Getting set up for using this project requires install a few different things. Don't worry, it's easy.

### Requirements

You will need to [install Hugo](https://gohugo.io/getting-started/installing/) if you don't already have it. There are [pre-built binary files](https://github.com/gohugoio/hugo/releases) available for almost every platform.

### Installing

Once you have Yarn and Hugo installed on your system, all you need to do is grab a copy of Pears and install the dependencies.

```
git clone https://github.com/bradp/pears
cd
npm i
```

## โšก๏ธ Usage

- To start up your local development environment: `npm start`
- To see a full list of available commands: `npm run`

#### Main Commands
Command | Action
:- | :-
`npm start` | Builds all files & starts up the development server
`npm build` | Builds all files for a local or staging environment
`npm build:prod` | Builds all files for a deployment to a production server
`npm lint` | Check your CSS & JS files for errors Append `:fix` to automatically fix
`npm format` | Fix formatting errors automatically

#### Building & Linting
Command | Action
:- | :-
`npm lint:css` | Lint CSS files Append `:fix` to automatically fix
`npm lint:js` | Lint JS files. Append `:fix` to automatically fix
`npm format:check` | Check formatting errors without automatically fixing

Remember, you can always check yarn run to see full list of commands!

## ๐Ÿ”ฎ๏ธ Roadmap

See the [open issues](https://github.com/bradp/starter/issues) for a list of proposed features (and known issues).

## ๐Ÿ“•๏ธ License

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