https://github.com/statamic/starter-kit-cool-writings
Statamic Starter Kit: Cool Writings
https://github.com/statamic/starter-kit-cool-writings
alpinejs blog kit statamic tailwindcss
Last synced: 2 months ago
JSON representation
Statamic Starter Kit: Cool Writings
- Host: GitHub
- URL: https://github.com/statamic/starter-kit-cool-writings
- Owner: statamic
- Created: 2020-01-17T20:46:43.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2024-10-03T18:12:54.000Z (9 months ago)
- Last Synced: 2025-03-29T00:11:16.538Z (3 months ago)
- Topics: alpinejs, blog, kit, statamic, tailwindcss
- Language: Antlers
- Homepage: https://statamic.com/starter-kits/statamic/cool-writings
- Size: 1.01 MB
- Stars: 111
- Watchers: 8
- Forks: 33
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Statamic Starter Kit: Cool Writings
## Features
- Articles blogging collection with most recent articles on the home page
- Markdown focused writing experience
- Topics taxonomy for Articles
- Pages structure for dynamic navigation
- Customizable social links and icons
- Clean & modern typography using [Inter](https://rsms.me/inter/)
- Beautifully responsive
- Built with [TailwindCSS](https://tailwindcss.com)
- Itty bitty [Alpine.js](https://github.com/alpinejs/alpine) for interactions
- 💯/💯/💯/💯 Lighthouse score
## Screenshot
## Video Tour
Watch the [Cool Writings video tour](https://www.youtube.com/watch?v=IgjJYfVF26Q) to see what's going on under the hood.
## Quick Start
### 1. Create a new site
You can create a new site using the [Statamic CLI Tool](https://github.com/statamic/cli):
```
statamic new your-site statamic/starter-kit-cool-writings
```
Or you can install manually into a fresh [Statamic installation](https://statamic.dev/installation) by running:
```
php please starter-kit:install statamic/starter-kit-cool-writings --clear-site
```
### 2. Make a new user
The above installers should prompt you to make a user, but you can also run `php please make:user`. You'll want it to be a `super` so you have access to everything.
### 3. Recompile the CSS (optional)
The [TailwindCSS](https://tailwindcss.com/) included in this kit is compiled and purged to reduce filesize on any unused classes and selectors. If you want to modify anything, just recompile it.
```
npm i && npm run dev
```
To compile for production again:
```
npm run build
```
### 4. Do your thing!
If you're using [Laravel Valet](https://laravel.com/docs/valet) (or similar), your site should be available at `http://cool-site.test`. You can access the control panel at `http://cool-site.test/cp` and login with your new user. Open up the source code, follow along with the [Statamic docs](https://statamic.dev), and enjoy!
## Contributing
Contributions are always welcome, no matter how large or small. Before contributing, please read the [code of conduct](https://github.com/statamic/cms/wiki/Code-of-Conduct).