Launching a dev server in frameworks I’ve used

I use Angular and Nest.js at work, Astro for this blog (though I used to use Eleventy), and Next.js for my Latin dictionary website (though I used to use Create React App).

Across these frameworks, there’s some variation in the default NPM commands for starting an development server that automatically reloads when a file is saved. There’s also a little bit of variation in the default port number, though most use 3000.

So I decided to make a list of the starting commands and URLs for the dev servers.

Note that npm start is equivalent to npm run start. In Astro, it’s also equivalent to npm run dev.

Angular
npm start

http://localhost:4200

Astro 2.0
npm start
npm run dev

http://localhost:3000 (but opens at http://127.0.0.1:3000)

Astro 3.0
npm start
npm run dev

http://localhost:4321 (like a countdown for a rocket launch 🚀)

Create React App
npm start

http://localhost:3000

Eleventy
npm run dev

http://localhost:8080

Nest.js
npm run start:dev

http://localhost:3000

Next.js
npm run dev

http://localhost:3000