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

https://github.com/matchilling/org.programmingtalks


https://github.com/matchilling/org.programmingtalks

Last synced: 24 days ago
JSON representation

Awesome Lists containing this project

README

          

# Preact Documentation Website

[![Build Status](https://travis-ci.org/developit/preact-www.svg?branch=master)](https://travis-ci.org/developit/preact-www)
[![gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/developit/preact)

Based on [preact-boilerplate](https://github.com/developit/preact-boilerplate)

> :rocket: `master` is automatically deployed to [preactjs.com](https://preactjs.com)

---

# Application Structure

This website is built as a static-app, following the Application Shell pattern.

#### Content

Content is fetched and rendered on the fly from Markdown documents located in `content/`.
Documents can contain optional YAML FrontMatter for specifying page metadata or layout information.
Once fetched, content is parsed using [marked] and rendered to VDOM via [preact-markup].

#### Custom Elements

Since [preact] is used to render the Markdown content, HTML contained in a document reference any of the Components listed in `src/components/widget.js` as Custom Elements, useful for dynamic content.

#### Navigation

Currently, the navigation menu and route handling is controlled by `src/config.json`.
This is likely to change, but in the meantime it means any new pages must be linked from the `"nav"` section of the config.

---

# Local Development

### Clone & Install Dependencies

```sh
git clone https://github.com/developit/preact-www.git
cd preact-www

npm install
```

## Development Workflow

**To start a live-reload development server:**

```sh
PORT=8080 npm run dev
```

> Any time you make changes within the `src` directory, it will rebuild and even refresh your browser.

**Generate a production build in `./build`:**

```sh
npm run build
```

---

## License

MIT

[marked]: https://github.com/chjj/marked
[preact]: https://github.com/developit/preact
[preact-markup]: https://github.com/developit/preact-markup