https://github.com/necccc/nextjs-apollo-graphql

Proof-of-concept site using NextJS, Apollo GraphQL, React and Carbon Components
https://github.com/necccc/nextjs-apollo-graphql

express graphql nextjs react

Last synced: about 1 month ago
JSON representation

Proof-of-concept site using NextJS, Apollo GraphQL, React and Carbon Components

• Host: GitHub
• URL: https://github.com/necccc/nextjs-apollo-graphql
• Owner: necccc
• License: mit
• Created: 2018-07-04T15:39:28.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-09-25T09:39:49.000Z (about 6 years ago)
• Last Synced: 2024-08-02T13:29:33.432Z (5 months ago)
• Topics: express, graphql, nextjs, react
• Language: JavaScript
• Homepage: https://starwars-app-ettwujehho.now.sh/
• Size: 154 KB
• Stars: 51
• Watchers: 4
• Forks: 10
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# nextjs-apollo-graphql

[See it in action here](https://starwars-app-ettwujehho.now.sh/)

This is a small, proof-of-concept site, fetching and displaying data from the Star Wars API over GraphQL.

The project builds on:

- [NextJS](https://nextjs.org/)

- [Express](https://expressjs.com/)

- [Apollo GraphQL Client](https://www.apollographql.com/docs/react/)

- [React](https://reactjs.org/)

- [A GraphQL server](https://github.com/necccc/starwars-graphql) running with [Apollo Server](https://www.apollographql.com/server) & [Engine](https://www.apollographql.com/engine)

- [Carbon Design System by IBM](http://www.carbondesignsystem.com/)

- [Star Wars visual guide](https://starwars-visualguide.com/), which seems to be using the SWAPI too, but has images!

## Install & run locally

```bash

npm i

npm run dev

```

You can try out running it in docker containers, as a deployed instance

```bash

npm run build

```

## Deploy to now.sh

If you have a [now](https://zeit.co/now/) account active on your desktop, you can deploy to now

```bash

npm run deploy

```

### Note on deployment & docker images

This setup creates two docker images, one for the app, using Alpine Node images, the other one is for static assets using nginx.

With this, I would like to demonstrate a near-real-life deployment, to a CDN, or any cluster for static assets.