npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@mianfrigo/express-typescript-generator

v1.3.9

Published

npm package to generate boilerplate node express application with typescript and webpack

Downloads

41

Readme

express-typescript

Express with TypeScript's application generator.

What is it?

Node express generator similar to express-generator-typescript module. In this case we use Webpack to compile the typescript to Javascript, also implement EsLint to follow good practice and a clean code.

Project example

When you run @mianfrigo/express-typescript-generator, it sets up a very basic application with a single basic route. This is to show how route work with node and express.

A small cli will guide you through a couple of option to setup you new project base on your needs. You can select and setup your routes using limiters or setup mongoDb with mongoose. The app is configured with production quality client-side security. If you decide to use mongoDb it will generate a basic mongoose setup with /user as a first route, it will implementing a full CRUD to show the use of mongoose. I highly encourage to use this option.

Installation

$ npm install -g @mianfrigo/express-typescript-generator

Quick Start

The quickest way to get started is use $ mfg-express-generator and pass in the name of the project you want to create.

If you don't specify a project name, express-ts will be set up for you as default name.

Create the app:

$ mfg-express-typescript-generator "MY_PROJECT"
 or
$ mfg-express-generator "MY_PROJECT"

Start your @mianfrigo/express-typescript-generator app in development mode at http://localhost:3000/:

$ cd "project name" && npm run dev

The project implement a white list of host for the CORS configuration that you can easy change/update on the config/config.ts file.

If you decide to implement mongoDb as your Database, you would need to change the mongoDb connection string in the .env file before running the npm run dev command. The CLI will generate some routes for you have a good start.

Available commands for the server.

  • Run the production build: npm start.
  • Build the project for production: npm run build.
  • Run the server in development mode: npm run dev.

Debugging

During development, @mianfrigo/express-typescript-generator uses webpack compile the typescript code to javascript and nodemon to restart the server when changes are detected.

Happy coding

License

MIT