node express template typescript in javascript

To create a Node.js Express web application with TypeScript, you need to follow these steps:

Initialize the project with NPM: npm init -y
Install the required dependencies: npm install express typescript ts-node @types/express --save-dev
Create a tsconfig.json file with the following contents:


{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "sourceMap": true,
    "outDir": "./dist",
    "esModuleInterop": true
  },
  "include": [
    "src/**/*"
  ],
  "exclude": [
    "node_modules"
  ]
}
227 chars
16 lines

Create a src folder and a server.ts file inside it with the following contents:


index.ts
import express, { Request, Response } from 'express';

const app = express();

app.set('view engine', 'ejs');
app.set('views', './views');

app.get('/', (req: Request, res: Response) => {
  res.render('index', { title: 'Express with TypeScript' });
});

app.listen(3000, () => {
  console.log('The application is listening on port 3000!');
});
344 chars
15 lines

Create a views folder inside the project root with an index.ejs file that looks like this:


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title><%= title %></title>
  </head>
  <body>
    <h1><%= title %></h1>
  </body>
</html>
154 chars
11 lines

Add a script to the package.json file that will build and run the application:


{
  "scripts": {
    "start": "ts-node ./src/server.ts" 
  }
}
63 chars
6 lines

Run the application with the command: npm start

This will start the application on port 3000 and render the index.ejs view with the title 'Express with TypeScript'.

similar javascript code snippets

a starting template for a express app in javascript

property 'length' does not exist on type 'childnode' in javascript

use fetch in node js in javascript

how to use the template function from the underscore library in javascript

convert nodelist to node array in javascript

react component of an svg clock that has a useeffect hook that updates the clock every second in typescript in javascript

create a template string in javascript

express jwt middleware in javascript

how to use the template function from lodash in javascript

react typescript in javascript

related categories