Beginner friendly guide to nodejs express-server with mongodb,graphql and typescript

In this guide i’ll walk you through how to set up node s server frote point of view of a beginner who’s being tinkering around for the last 6 months and help you avoid the common issues i ran into in the process

I;ll assume you know the basic in javascript,typescript and graphql

But i’ll try and organise the github commits from the most basic

the typescript setup might be little cumbersome so i’d advise to clone the repo first before beginning this tutorial

Navigate to the initial commit and download or clone repo if you have git installed

Repo

You’ll also need to install and setup mongodb on your device or use mongo atlas , am not a fan of mongodb compass because of its lack of dark mode so i use the vscode extension MySQL database viewer:

https://marketplace.visualstudio.com/items?itemName=cweijan.vsc

Install and connect to sql and nosql databases

You might also vscode extensions for

Graphql and typescript

Run “npm install” in it’s root directory

Then npm run watch or yarn watch to watch for ts changes

Open another terminal to run npm start or yarn start

typescript

1import  express  from "express";
2import cors from 'cors'
3import { ApolloServer } from 'apollo-server-express';
4import { gql } from 'apollo-server-express';
5
6const PORT=4000;
7
8const typeDefs = 
9gql`
10    type Query {
11      defaultPost:String
12     }
13`;
14const resolvers = {
15  Query: {
16    defaultPost: () => "eat your vegetables",
17  },
18};
19
20const startServer=async()=>
21{
22const app = express();
23
24
25const allowedOrigins = [
26'http://localhost:3000',
27'http://localhost:3001',
28'https://studio.apollographql.com'
29];
30const corsOptions = {
31credentials: true,
32  origin: function(origin, callback){
33   if(!origin) return callback(null, true);
34    if(allowedOrigins.indexOf(origin) === -1){
35      var msg = 'The CORS policy for this site does not ' +
36                'allow access from the specified Origin.';
37      return callback(new Error(msg), false);
38    }
39    return callback(null, true);
40  }
41}
42app.use(cors(corsOptions))
43//rest routes
44app.get("/", (req, res) => {
45res.json({
46    data: "API is working...",
47  });
48});
49
50const server = new ApolloServer({
51  typeDefs,
52  resolvers,
53});
54await server.start();
55
56server.applyMiddleware({ app });
57
58app.listen(PORT, () => {
59  console.log(` Server is running at http://localhost:${PORT}`);
60});
61}
62startServer().catch(e=>console.log("error strting server======== ",e))
63
64

our server is now ready navigate to

Beginner friendly guide to nodejs express-server with mongodb,graphql and typescript

Understanding Discriminated Unions in TypeScript

Cookies auto clearing after browser refresh issue , CORS related express cookies issue

Building Android Widgets in Expo with Custom Native Modules

Beginner friendly guide to nodejs express-server with mongodb,graphql and typescript

Understanding Discriminated Unions in TypeScript

Cookies auto clearing after browser refresh issue , CORS related express cookies issue

Building Android Widgets in Expo with Custom Native Modules

More posts

Understanding Discriminated Unions in TypeScript

Cookies auto clearing after browser refresh issue , CORS related express cookies issue

Building Android Widgets in Expo with Custom Native Modules

More posts

Understanding Discriminated Unions in TypeScript

Cookies auto clearing after browser refresh issue , CORS related express cookies issue

Building Android Widgets in Expo with Custom Native Modules