https://github.com/broccolini/react-website-starter

Simple setup for websites built in React with styled-components, styled-system, and x0.
https://github.com/broccolini/react-website-starter

Last synced: 2 months ago
JSON representation

Simple setup for websites built in React with styled-components, styled-system, and x0.

• Host: GitHub
• URL: https://github.com/broccolini/react-website-starter
• Owner: broccolini
• Created: 2018-02-18T20:54:03.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-07-22T00:29:59.000Z (over 6 years ago)
• Last Synced: 2024-10-12T19:34:13.599Z (3 months ago)
• Language: JavaScript
• Homepage: http://broccolini.net/react-website-starter/
• Size: 369 KB
• Stars: 85
• Watchers: 4
• Forks: 6
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Website Starter

Simple setup for websites built in React with [styled-components](https://www.styled-components.com) 💅,  [styled-system](https://github.com/jxnblk/styled-system/) 💙, and [x0](https://github.com/c8r/x0) 😎.

Check out the [demo branch](https://github.com/broccolini/react-website-starter/tree/demo) to see example components with various different methods of applying styles.

## Getting started

Install all the things with:

`npm install`

Run app with:

`npm start`

Build app with:

`npm run build`

## Development and publishing

This repo uses [x0 by Compositor](https://github.com/c8r/x0) to give you a zero-config React development environment and static site generator. This lets you get up and running quickly so you can focus on building your components, designing your website, and choosing how you want to handle styles.

By default the build script will create an `index.html` file in the root directory, if you like you can publish this via [GitHub Pages](https://pages.github.com/).

See the x0 docs for other configuration options such rendering JS bundles, changing the build directory, and using with [react-router](https://github.com/ReactTraining/react-router).