kwon770 / instagram-clone

Server part of Instagram clone with Express + Prisma + Graphql

Instagram Clone | 🤖Server

Tech Stack

GraphQl Yoga	Apollo	Prisma

AWS S3	Heroku	Netlify

Passport	Sendgrid

Study Document

Title	Document
Basic Graphql	Document
Basic Prisma	Document
Graphql Api	Document

Setup

$ yarn add graphql-yoga dotenv morgan graphql-tools merge-graphql-schemas
$ yarn add nodemon babel-node @babel/node @babel/preset-env @babel/core @babel/cli @bebel/runtime multer multer-s3 aws-sdk copy
$ yarn add @babel/plugin-transform-runtime -D

• nodemon: Execute saved file without restarting the server
• dotenv: Read .env file
• morgan: Logger, To Monitor server pulling
• graphql-tools merge-graphql-schemas: The tool what is needed to manage a lot of files related to GraphQL Reference
• babel-node: Convert code to be compatible
• multer: Middleware to upload files
• multer-s3: multer to upload amazon s3 server
• copy: npx module to copy and paste several files to build

nodemon || babel

Execute server.js with babel-node

// package.json
"scripts": {
    "dev": "nodemon --exec babel-node src/server.js"
  }

nodemon 감시할 파일의 확장자 지정

// nodemon.json
{
  "ext": "js graphql"
}

To make node detect import (import { GraphQLServer } from "graphql-yoga";)

// .babelrc
{
  "presets": ["@babel/preset-env"]
}

dotenv

// server.js
require("dotenv").config();