Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/superhighfives/an-almost-static-stack

An example of using create-react-app to bridge the gap between static sites and single page apps
https://github.com/superhighfives/an-almost-static-stack

Last synced: 9 days ago
JSON representation

An example of using create-react-app to bridge the gap between static sites and single page apps

Awesome Lists containing this project

README

        

![An Almost Static Stack](https://i.imgur.com/NStGYap.jpg)

# An Almost Static Stack

This repo serves as a companion to the [tutorial of the same name, over on Medium](https://medium.com/superhighfives/).

## Getting Started

``` shell
git clone https://github.com/superhighfives/an-almost-static-stack.git
cd an-almost-static-stack
yarn install
yarn start
```

Once you're ready to deploy to [Surge](https://surge.sh), run:

``` shell
yarn deploy
```

Voila!

If you're not into [Yarn](https://yarnpkg.com/), `npm install`, `npm start` and `npm run deploy` all work as well.

## Create React App

This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).

You can find more information [here](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md).

## Performance and Optimisations

[@stereobooster](https://github.com/stereobooster) has put together a great run thorugh of possible performance optimisations and links to further reading here: https://github.com/stereobooster/react-snap/blob/master/doc/an-almost-static-stack-optimization.md