All Projects → givehug → devto-monorepo

givehug / devto-monorepo

Licence: other
Source code for the Dev.to article - Next.js, Apollo Client and Server on a single Express app

Programming Languages

typescript
32286 projects
shell
77523 projects

Projects that are alternatives of or similar to devto-monorepo

Chatty
A WhatsApp clone with React Native and Apollo (Tutorial)
Stars: ✭ 481 (+1357.58%)
Mutual labels:  apollo-client, apollo-server
Apollo Graphql Mongodb React Native
Apollo Server Example using MongoDB + Mongoose + Express, Apollo Client using React Native
Stars: ✭ 92 (+178.79%)
Mutual labels:  apollo-client, apollo-server
Create Social Network
An educational project, demonstrating how to build a large scalable project with Javascript.
Stars: ✭ 853 (+2484.85%)
Mutual labels:  apollo-client, apollo-server
Fullstack Apollo Express Mongodb Boilerplate
💥A sophisticated GraphQL with Apollo, Express and MongoDB boilerplate project.
Stars: ✭ 301 (+812.12%)
Mutual labels:  apollo-client, apollo-server
bookshelf
My GraphQL playground
Stars: ✭ 64 (+93.94%)
Mutual labels:  apollo-client, apollo-server
Apollo Errors
Machine-readable custom errors for Apollostack's GraphQL server
Stars: ✭ 405 (+1127.27%)
Mutual labels:  apollo-client, apollo-server
Fullstack Apollo Express Postgresql Boilerplate
💥 A sophisticated GraphQL with Apollo, Express and PostgreSQL boilerplate project.
Stars: ✭ 1,079 (+3169.7%)
Mutual labels:  apollo-client, apollo-server
apollo-errors
Machine-readable custom errors for Apollostack's GraphQL server
Stars: ✭ 408 (+1136.36%)
Mutual labels:  apollo-client, apollo-server
nextjs-graphql-auth
Authentication system using NextJS, GraphQL, Apollo Client, Apollo Server, MongoDB, Nginx, Docker, Docker-Compose and Kubernetes
Stars: ✭ 27 (-18.18%)
Mutual labels:  apollo-client, apollo-server
Fullstack Apollo React Boilerplate
💥A sophisticated Apollo in React boilerplate project.
Stars: ✭ 136 (+312.12%)
Mutual labels:  apollo-client, apollo-server
now-course
Proyecto para el curso de Now.sh en Platzi
Stars: ✭ 19 (-42.42%)
Mutual labels:  apollo-client, apollo-server
cra-monorepo-demo
Monorepo example using create-react-app and common component library structure with yarn workspaces
Stars: ✭ 37 (+12.12%)
Mutual labels:  monorepo, yarn-workspaces
kontent-boilerplate-express-apollo
Kontent Boilerplate for development of Express application using Apollo server and GraphQL.
Stars: ✭ 21 (-36.36%)
Mutual labels:  apollo-client, apollo-server
Apollo Resolvers
Expressive and composable resolvers for Apollostack's GraphQL server
Stars: ✭ 428 (+1196.97%)
Mutual labels:  apollo-client, apollo-server
les-chat
Real-time messenger with private, public & group chat. Made using PERN + GraphQL stack.
Stars: ✭ 48 (+45.45%)
Mutual labels:  apollo-client, apollo-server
Fullstack Tutorial
🚀 The Apollo platform tutorial app
Stars: ✭ 1,007 (+2951.52%)
Mutual labels:  apollo-client, apollo-server
Puppeteer Extra
💯 Teach puppeteer new tricks through plugins.
Stars: ✭ 3,397 (+10193.94%)
Mutual labels:  monorepo, yarn-workspaces
apollo-resolvers
Expressive and composable resolvers for Apollostack's GraphQL server
Stars: ✭ 434 (+1215.15%)
Mutual labels:  apollo-client, apollo-server
Awesome Apollo Graphql
A curated list of amazingly awesome things regarding Apollo GraphQL ecosystem 🌟
Stars: ✭ 126 (+281.82%)
Mutual labels:  apollo-client, apollo-server
fullstack-apollo-subscription-example
A minimal Apollo Server 2 with Apollo Client 2 with Subscriptions application.
Stars: ✭ 72 (+118.18%)
Mutual labels:  apollo-client, apollo-server

Source code for the Dev.to article - Next.js, Apollo Client and Server on a single Express app

This article describes two things:

  1. How to fit Next.js with Apollo Client on front end and Apollo Server GraphQL api into a single Express app. Another important requirement was to have SSR support. As there is not much info about it out there, this is the main purpose of this guide.
  2. How to organize everything nicely into yarn workspaces monorepo and deploy to Heroku as a single free plan app. You will find a lot of into about it, but I included it here as a part of the process of the project I was working on.

Usage

Make sure you have Node.js 13+ as specified in package.json "engines" object. It is only required for Heroku deployment. If you have older versions, just remove it from package.json.

yarn install
yarn dev

open http://localhost:3000

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].