Build & Deploy a Full Stack URL Shortener with Node.js, React, TypeScript & MongoDB

Tom Nagle
4 min readSep 20, 2021

In this guide we are going to build & deploy a full stack URL shortener with Node.js, React, TypeScript & MongoDB. You can follow along by watching the video associated with each section, or by reading the guide.

Finish repository: https://github.com/TomDoesTech/FS-URL-shortener-tutorial

By following along with this guide you will learn:

  • How to build a REST API with Node.js, Express, Mongoose & TypeScript
  • How to build a simple React.js application with TypeScript
  • How to deploy a Node.js server with Caddy on a DigitalOcean droplet

Part 1 — Building the backend

--

--

Tom Nagle

I am a full stack JavaScript developer, living in Melbourne, Australia. My preferred stack is Mongoose, TypeScript, Node.js, React & GraphQL.