Starter Kit For Full TypeScript

A basic starter kit that demonstrates the use of the TypeScript compiler `tsc`.

Platform:
Fastly Compute
Language:
JavaScript
Repo:
https://github.com/fastly/compute-starter-kit-typescript-full

Use this starter

Using the Fastly CLI, create a new project using this starter somewhere on your computer:

$ fastly compute init --from=https://github.com/fastly/compute-starter-kit-typescript-full

Or click the button below to create a GitHub repository, provision a Fastly service, and set up continuous deployment:

Deploy to Fastly

Features

  • Implements a prebuild script that calls the TypeScript compiler tsc to transpile to JavaScript.

Understanding the code

This starter requires no dependencies aside from @fastly/js-compute and typescript. It works by calling tsc from the prebuild script in package.json.

The template uses TypeScript to compile source files in ./src into JS files in ./build, which are then wrapped into ./bin/index.wasm using the js-compute-runtime CLI tool bundled with the @fastly/js-compute npm package, and bundled into a .tar.gz file ready for deployment to Compute.

The SDK includes a tsconfig.json file to configure the TypeScript compiler, as well as to aid your IDE in coding support.

Running the application

To create an application using this starter kit, create a new directory for your application and switch to it, and then type the following command:

npm create @fastly/compute@latest -- --language=typescript --starter-kit=full

To build and run your new application in the local development environment, type the following command:

npm run start

To build and deploy your application to your Fastly account, type the following command. The first time you deploy the application, you will be prompted to create a new service in your account.

npm run deploy

Next steps

Starters are a good way to bootstrap a project. For more specific use cases, and answers to common problems, try our library of code examples.