https://github.com/jglchen/hackernews-nextjs-apollo
A Hackernews clone site built with next.js implementing GraphQL APIs and Firebase Cloud Firestore to substitute GraphQL subscriptions.
https://github.com/jglchen/hackernews-nextjs-apollo
apollo apollo-client apollo-server docker firebase firestore graphql nextjs reactjs typescript
Last synced: 2 months ago
JSON representation
A Hackernews clone site built with next.js implementing GraphQL APIs and Firebase Cloud Firestore to substitute GraphQL subscriptions.
- Host: GitHub
- URL: https://github.com/jglchen/hackernews-nextjs-apollo
- Owner: jglchen
- Created: 2023-01-10T13:22:13.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-05-05T13:37:28.000Z (about 2 years ago)
- Last Synced: 2025-12-28T08:18:52.010Z (6 months ago)
- Topics: apollo, apollo-client, apollo-server, docker, firebase, firestore, graphql, nextjs, reactjs, typescript
- Language: TypeScript
- Homepage: https://hackernews-nextjs-apollo.vercel.app
- Size: 810 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Hackernews Clone Site with GraphQL
This is a [Hackernews](https://news.ycombinator.com/) clone site built with next.js implementing GraphQL APIs, for which Apollo Client is adopted in the frontend and Apollo Server in the backend server. We can successfully build a full functionality of GraphQL server with next.js, including queries, mutations, and subscriptions.
The real-time communication of subscriptions however was found not to function well once the package is deployed to Vercel, which is a serverless platform. Therefore real-time [Firebase Cloud Firestore](https://firebase.google.com/products/firestore) is used to substitute GraphQL subscriptions.
**iOS** and **Android** mobile apps are also delivered. The apps are developed with **React Native**, anyone who is interested can test the development builds with [iOS Simulator Build](https://expo.dev/accounts/jglchen/projects/hackernews-apollo/builds/b6aa3b39-e2ec-48cd-89f5-14028feff519) and [Android Internal Distribution Build](https://expo.dev/accounts/jglchen/projects/hackernews-apollo/builds/5b979dee-6874-48a8-ade1-231a750eca9c). If the build storage link has expired, please go to [https://projects-jglchen.vercel.app/en/contact](https://projects-jglchen.vercel.app/en/contact) to request build files.
### [View the App](https://hackernews-nextjs-apollo.vercel.app)
### [App GitHub](https://github.com/jglchen/hackernews-nextjs-apollo)
### Docker: docker run -p 3000:3000 jglchen/hackernews-nextjs-apollo
### [iOS Simulator Build](https://expo.dev/accounts/jglchen/projects/hackernews-apollo/builds/b6aa3b39-e2ec-48cd-89f5-14028feff519)
### [Android Internal Distribution Build](https://expo.dev/accounts/jglchen/projects/hackernews-apollo/builds/5b979dee-6874-48a8-ade1-231a750eca9c)
### [React Native GitHub](https://github.com/jglchen/react-native-hackernews-apollo)