Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/surjithctly/neat-starter

Starter Template for Netlify CMS, Eleventy, Alpine JS & Tailwind CSS
https://github.com/surjithctly/neat-starter

alpinejs eleventy eleventy-sample eleventy-website hacktoberfest netlify netlify-cms tailwindcss tailwindcss-starter-project

Last synced: about 1 month ago
JSON representation

Starter Template for Netlify CMS, Eleventy, Alpine JS & Tailwind CSS

Awesome Lists containing this project

README

        

# Neat Starter

Starter Template for **N**etlify CMS, **E**leventy, **A**lpine JS & **T**ailwind CSS

## Live Demo

[https://neat-starter.netlify.app/](https://neat-starter.netlify.app/)

### Technologies used:

- [Netlify CMS](https://www.netlifycms.org/)
- [Eleventy](https://www.11ty.dev/)
- [Alpine.js](https://github.com/alpinejs/alpine)
- [Tailwind CSS](https://tailwindcss.com/)

| ![image](https://user-images.githubusercontent.com/1884712/93762662-a62e4700-fc2d-11ea-9b2c-fda9f503402b.png) |
| ------------------------------------------------------------------------------------------------------------- |

Deploy to Netlify

## Getting Started

Detailed instructions are available in my blog. [Check it out](https://blog.surjithctly.in/neat-stack-create-a-static-website-with-netlify-cms-eleventy-alpinejs-and-tailwindcss)

### 1\. Clone this Repository

```
git clone https://github.com/surjithctly/neat-starter.git
```

### 2\. Navigate to the directory

```
cd neat-starter
```

### 3\. Install dependencies

```
npm install
```

### 4\. Build the project to generate the first CSS

This step is only required the very first time.

```
npm run build
```

### 5\. Run Eleventy

```
npm run start
```

## Author

Surjith S M ( [@surjithctly](https://surjithctly.in/) )