Next.js SSR using gRPC

We are going to use the following packages to build our application:

• next: next (Next.js) is an open-source development framework built on top of Node.js enabling React based web applications.
• @grpc/grpc-js: gRPC Library for Node - pure JS implementation.
• @grpc/proto-loader: A utility package for loading .proto files for use with gRPC.

Generate the types:

yarn proto-gen-types

Starting Nextjs server:

cd client
yarn dev

Starting gRPC server:

cd server
yarn build
yarn dev