• Stars
    star
    107
  • Rank 323,587 (Top 7 %)
  • Language
    JavaScript
  • License
    Apache License 2.0
  • Created almost 6 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

πŸ›  Node.js + TypeScript with all the goods: A zero-to-coding starter kit with all the modern tooling baked in.

Node.js + TypeScript Starter Kit

Node.js + TypeScript Starter Kit

code style: prettier CircleCI

Postlight's Node.js + TypeScript Starter Kit is a zero-config codebase that lets you start writing code immediately. It includes:

  • TypeScript (or write just regular ol' JavaScript)
  • Jest for testing
  • Prettier for formatting
  • ESLint for linting
  • CircleCI configs
  • Pre-commit hooks
  • Basic config and build scripts

Read all about it this handy introduction.

Creating a project

Create the project by using npx:

npx comes with npm 5.2+ and higher

npx @postlight/node-typescript-starter-kit my-awesome-project

cd my-awesome-project

Install dependencies using either yarn or npm

yarn install

#  or

npm install

And you can directly start coding!

starterkit

Starter Kit Documentation

Development

For development, we'll assume you're using yarn, but if you're using npm instead, adjust the commands appropriately (namely, replace yarn with npm run).

For running an individual .ts file:

yarn ts-node <file.ts>

For development mode:

yarn nodemon

nodemon will automatically restart the application when file changes are detected. This is useful if the tool you're building executes code when run.

Linting

yarn lint

VSCode users should add this to their workspace settings to integrate JS/TS linting in general:

  "eslint.validate": [
    "javascript",
    "typescript",
  ]

Running tests

Run all tests:

yarn test

Run and watch all tests:

yarn test:watch

Building the App

yarn build

Building your app with CircleCI

Having already pushed your project to your favorite git repository hosting service, you're one click away from integrating your app with CircleCI.

  • Login to CircleCI
  • On the left side menu, press Add Projects.
  • Pinpoint your project and press Set Up Project.
  • Choose Linux as the OS and Node as the language.
  • Press Start Building, and you're all set! πŸŽ‰

CircleCI ensures that every commit is checked for errors before merging. This basic setup runs yarn lint, yarn test, and yarn build.


πŸ”¬ A Labs project from your friends at Postlight. Happy coding!

More Repositories

1

parser

πŸ“œ Extract meaningful content from the chaos of a web page
JavaScript
5,062
star
2

headless-wp-starter

πŸ”ͺ WordPress + React Starter Kit: Spin up a WordPress-powered React app in one step
JavaScript
4,367
star
3

awesome-cms

πŸ“š A collection of open and closed source Content Management Systems (CMS) for your perusal.
2,711
star
4

serverless-typescript-starter

πŸ—„πŸ™…β€β™€οΈ Deploy your next serverless JavaScript function in seconds
TypeScript
713
star
5

lux

Build scalable, Node.js-powered REST JSON APIs with almost no code.
JavaScript
571
star
6

liftoff

πŸš€ Liftoff is a flexible static-site generator that pulls content from Airtable
JavaScript
343
star
7

parser-api

πŸš€ A drop-in replacement for the Postlight Parser API.
JavaScript
280
star
8

trimmings

🌲 Get back to HTML.
JavaScript
221
star
9

account

πŸ“šοΈ βž• πŸ”’ Tell little stories with numbers
JavaScript
107
star
10

cloudflare-worker-app-kit

☁✨ A handy set of tools for creating a Cloudflare Worker app.
JavaScript
85
star
11

glide

☁ 🎑Modernize Salesforce API access with GraphQL
TypeScript
77
star
12

react-google-sheet-to-chart

πŸ“Š React component that renders Google Sheets as attractive charts with minimum effort
JavaScript
63
star
13

wp-callisto-migrator

🌐 πŸ‘‰ πŸ“‹ Migrate any content to WordPress in a few clicks
PHP
33
star
14

robo-chart-web

πŸ“Š Transform Google sheets to pretty charts!
JavaScript
27
star
15

lorem-ipsum-generator-generator

🎰 Generate a lorem ipsum generator site using Mercury Web Parser
HTML
26
star
16

secretmsg

πŸ•΅ Encrypt messages for easy sharing
TypeScript
23
star
17

generate-awesome

πŸ–¨ A command-line tool for generating Awesome Lists from a set of data files.
JavaScript
22
star
18

mercury-rs

The official Rust client for the Mercury Parser
Rust
16
star
19

ci-failed-test-reporter

πŸ“ A tool for posting failing test results to GitHub PRs
JavaScript
10
star
20

hubot-spotify-playlist

Allows the ability to add/remove/findTracks to a Spotify Playlist.
CoffeeScript
7
star
21

docker-lux

The official Docker image for Lux 🐳 πŸ”†
JavaScript
7
star
22

parser-api-express

Postlight Parser API express app
JavaScript
6
star
23

babel-preset-lux

A babel preset containing all of the plugins required by Lux.
JavaScript
6
star
24

lux-benchmarks

JavaScript
5
star
25

rollup-plugin-lux

A Rollup plugin for bundling Lux applications.
JavaScript
3
star
26

lux-rfcs

RFCs for changes to Lux
2
star
27

use-search-params

A simple react hook for query params.
TypeScript
2
star
28

seasons

πŸŒ” Calculates the astronomical season for a given date or year
TypeScript
1
star
29

hubot-pingboard

πŸ‘₯ A hubot script for interacting with Pingboard.com.
CoffeeScript
1
star