Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 🚀
- Host: GitHub
- URL: https://github.com/devanb/insta-preact-apollo
- Owner: DevanB
- Created: 2017-08-26T03:04:36.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-08-30T17:19:11.000Z (over 7 years ago)
- Last Synced: 2025-01-03T15:17:30.550Z (26 days ago)
- Topics: apollo, apollo-client, graphql, preact
- Language: JavaScript
- Homepage:
- Size: 161 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.jsconst networkInterface = createNetworkInterface({
uri: 'SIMPLE_API_ENDPOINT_URI_GOES_HERE'
});
``````bash
yarn install && yarn start
```