Nowadays, creating an efficient and scalable API with Node.js and TypeScript is simpler and more powerful than ever. At CodeInit, we aim to deliver practical and straightforward tutorials to help you build professional solutions that meet market demands. In this article, I’ll walk you step-by-step through setting up a modern API using the best practices for 2025.
Whether you're a beginner or an experienced developer looking to boost your workflow, this guide is for you. Let’s dive into it together!
Node.js remains one of the most popular backend technologies, and when combined with TypeScript, you get the best of both worlds: speed and safety. TypeScript adds static typing, making your code easier to maintain and reducing common errors.
In 2025, mastering tools that boost productivity and align with market trends is essential.
Before getting started, make sure your environment is set up correctly. Here are the prerequisites:
Tip: Use the integrated terminal in VS Code to follow this tutorial more easily.
Personally, I like using pnpm. To install pnpm globally, use the command below:
npm i -g pnpm
First, ensure that Node.js is installed:
node -v
If everything is set up correctly, you should see the Node.js version. Otherwise, download the latest version from the official website.
Now, let’s create the project structure:
mkdir my-api && cd my-api pnpm init -y
This command creates the package.json file, which manages the project dependencies.
TypeScript is essential for maintaining and organizing larger projects. Let’s install it:
pnpm install typescript tsx @types/node -D
Next, configure TypeScript by creating a tsconfig.json file:
npx tsc --init
Edit the file to reflect the best practices for 2025:
{ "compilerOptions": { "target": "ES2022", "module": "CommonJS", "strict": true, "outDir": "dist", "rootDir": "src" } }
Create the src directory to organize your code:
mkdir src
Maintaining clean code is crucial. Let’s add ESLint to ensure quality and standardization.
Use the command below to configure ESLint:
pnpm create @eslint/config@latest
Recommended ESLint Settings
Once installed, the eslint.config.js file will be created in the project root.
Here’s an example configuration:
npm i -g pnpm
Add the following scripts to package.json:
node -v
The first command runs ESLint and displays errors in the console, while the second tries to fix the errors automatically.
Run:
mkdir my-api && cd my-api pnpm init -y
or
pnpm install typescript tsx @types/node -D
Now it’s time to get started with your API. Let’s use Express, a minimalist framework for Node.js.
Install Express and its types:
npx tsc --init
Create the src/index.ts file and add the following code:
{ "compilerOptions": { "target": "ES2022", "module": "CommonJS", "strict": true, "outDir": "dist", "rootDir": "src" } }
Add the following script to package.json:
mkdir src
Run:
pnpm create @eslint/config@latest
Visit: http://localhost:3000/health to check the API health.
Let’s expand the API with a route that returns a list of Pokémon.
Update src/index.ts with the following code:
import pluginJs from '@eslint/js'; import globals from 'globals'; import tseslint from 'typescript-eslint'; /** @type {import('eslint').Linter.Config[]} */ export default [ { files: ['**/*.{js,mjs,cjs,ts}'] }, { languageOptions: { globals: globals.node } }, pluginJs.configs.recommended, ...tseslint.configs.recommended, { rules: { semi: 'off', quotes: ['error', 'single'] } } ];
Test the route: http://localhost:3000/pokemons.
In this guide, you learned how to set up a modern API with Node.js and TypeScript, starting with a simple route and expanding it to include typed data. This is just the beginning! With this foundation, you can implement authentication, database connections, and much more.
If you found this article helpful, share it with other developers and subscribe to our newsletter for more tips. Let’s conquer the development world together! ?
The above is the detailed content of How to Set Up a Node.js API with TypeScript in 5. For more information, please follow other related articles on the PHP Chinese website!