Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ashur/eleventy-nunjucks-storybook

Use macro-based Nunjucks components with Eleventy and Storybook.
https://github.com/ashur/eleventy-nunjucks-storybook

eleventy nunjucks storybook

Last synced: about 1 month ago
JSON representation

Use macro-based Nunjucks components with Eleventy and Storybook.

Awesome Lists containing this project

README

        

# eleventy-nunjucks-storybook

Use macro-based Nunjucks components with Eleventy and Storybook.

## Links

- See [Using Storybook with Nunjucks components in Eleventy][blog] for a detailed walkthrough on how this site’s copy of Storybook is configured to work with Nunjucks macros
- Want to see a working copy of this site’s Storybook? Head over to [eleventy-nunjucks-storybook-demo.netlify.app][sb]

[blog]: https://multiline.co/mment/2022/01/eleventy-storybook/
[sb]: https://eleventy-nunjucks-storybook-demo.netlify.app

## Installation

### Requirements

- [Node and NPM](https://nodejs.org)

### Steps

1. Clone this repo
1. Run `npm install`

## Usage

To build the site from source, run:

```
npm run build
```

To watch changes to the site contents and run a small local web server, run:

```
npm run serve
```

To run Storybook:

```
npm run storybook
```