🚀 Leveling Up Backend Development with TypeScript + Node.js + Express! 🚀

TypeScript adds an extra layer of type safety to our projects, making development more structured and maintainable. In my recent backend project using Node.js + Express, I chose TypeScript over JavaScript to ensure better code reliability.

If you're looking to set up your backend with TypeScript, here’s a step-by-step guide to get you started:

✅ Step 1: Install Dependencies

Run the following command to install the necessary packages:

npm install express ts-node-dev  
npm install -D typescript @types/express @types/node nodemon ts-node tsconfig-paths         

✅ Step 2: Configure TypeScript

Create a tsconfig.json file in the root directory and add the following:

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "ESNext",
    "moduleResolution": "Node",
    "outDir": "./dist",
    "rootDir": "./src",
    "esModuleInterop": true,
    "strict": true,
    "resolveJsonModule": true
  },
  "ts-node": {
    "experimentalSpecifierResolution": "node",
    "transpileOnly": true,
    "esm": true,
  },
  "include": ["src"],
  "exclude": ["node_modules"]
}        

✅ Step 3: Setup Nodemon for Live Reload

One of the trickiest parts I faced was configuring Nodemon to ensure instant feedback on code changes. Here’s how you can set it up:

Create a nodemon.json file and add:

{
    "watch": ["src"],
    "ext": "ts",
    "ignore": ["dist"],
    "execMap": {
      "ts": "node --no-warnings=ExperimentalWarning --loader ts-node/esm"
    }
  }        

✅ Step 4: Create Your Express Server

Inside a src folder, create index.ts and add:

import express, { Request, Response } from "express";
import cors from "cors";
import dotenv from "dotenv";

dotenv.config();

const app = express();
const PORT = process.env.PORT || 3000;

app.use(express.json());
app.use(cors());

app.get("/", (req: Request, res: Response) => {
  res.send("Hello, TypeScript with Express!");
});

app.listen(PORT, () => {
  console.log(`Server is running on http://localhost:${PORT}`);
});
        

🎯 And that's it! Now, run your backend with:

npm run dev        

💡 But what if things don’t go as planned? Setting up a TypeScript backend isn’t always smooth. From Nodemon issues to TypeScript errors and even deployment challenges, you might run into problems along the way.

🔥 I’ve got you covered! I’ve documented all the common errors and their solutions in my Notion notes, along with more than just setup steps.

📌 Want access to the notes?

✅ Follow me & drop a comment

✅ DM me your email

I’ll give you access to my notion notes. Here is the Notion link where you’ll find everything you need—from setup to debugging! 🚀

https://www.notion.so/Node-Express-Typescript-Setup-185fbc0b2754800f9068efae873a596f?pvs=4

Let me know in the comments if this helped, or if you have any questions! 🎯💡