Next-graphql-pwa

A Hacker News Clone PWA App built with next.js, react and apollo-graphql.

About this project

I wanna use next.js and apollo-graphql together, so I created this project.

Implementation pages

except /front, /login, /from, /hide, /upvote and reply (HackerNews does not provide API), others pages have been implemented.

Live demo

Built With

• react.js
• next.js - The react framework used
• styled-components - CSS-in-JS styling framework
• apollo-GraphQL - Implementation of GraphQL that can transfer data between server and client
• pwa - Offline support with next-offline
• prettier - Auto format code with commit hooks
• typescript - typed superset of JavaScript
• eslint - The linter rules I used are maintained by create-react-app

Development

First, clone this repo into your computer

$ git clone https://github.com/FalloutChonny/next-gql-pwa.git

Install the dependency

$ yarn install

// or use npm

$ npm install

Launch app after Installation is complete

$ yarn run dev

The Production Build

First, build the app

yarn run build

Launch app after build successfully

yarn run start

Deployment

This project uses now as the deployment tool and platform, it's very easy to use.

$ yarn add global now

// or

$ npm install -g now

And just run

$ now

Authors

• Chonny Chu - Initial work - ChonnyChu

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments

• Hacker News