Mini-Reddit!

this is a fullstack project that I built in an attempt to learn and familiarise myself with the tech stack for a fullstack web. this project is followed from ben awad's fullstack react with graphql tutorial.

---

technologies involved

backend/server

• postgresql (database)
• node.js express (server side development)
• nodemailer (handles email sending)
• redis (in memory datastore)
• graphql (query langague)
• typeORM (typescript ORM)
• typegraphql (framework for graphql api in node.js)
• apollo server (graphql server)

frontend/web

• react
• typescript
• next.js with chakra (urql has next.js integration for SSR)
• codegen (graphql code generator)
• apollo client (graphql react client)

deployment

• docker
• backend deployed at digitalocean dokku
• frontend deployed at vercel

concepts

• server side rendering
• session authentication
• pagination (with offset + cursor)

extra notes

• tried out mikroORM and replaced it with typeORM
• tried out urql and replaced it with apollo client

---

this project encapsulates multiple frameworks and concepts, which i will try to explain in my concept.txt as best as i can - at least the ones i find interesting and important to know when doing a fullstack application.