Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/devanb/insta-preact-apollo

Instagram Clone with Preact ⚛️ + Apollo 🚀
https://github.com/devanb/insta-preact-apollo

apollo apollo-client graphql preact

Last synced: 23 days ago
JSON representation

Instagram Clone with Preact ⚛️ + Apollo 🚀

Awesome Lists containing this project

README

        

# Instagram Clone with Preact + Apollo

Built with [preact-cli](http://npm.im/preact-cli), [Apollo](http://dev.apollodata.com), [Graphcool](http://graph.cool), and [Tachyons](http://tachyons.io).

This project is a continually evolving test of integrating Preact and Apollo.

## Steps to run
```bash
git clone [email protected]:DevanB/insta-preact-apollo.git && cd insta-preact-apollo
```

```bash
npm i -g graphcool
```

```bash
graphcool init --schema insta.graphql
```

```bash
graphcool endpoints
```

Copy the Simple API endpoint and paste into `createNetworkInterface` `uri`:

```javascript
// src/components/app.js

const networkInterface = createNetworkInterface({
uri: 'SIMPLE_API_ENDPOINT_URI_GOES_HERE'
});
```

```bash
yarn install && yarn start
```