Add TS introduction app (#156)

* Add TS introduction app

* Add empty foo.ts file

* Add vite.config.js

* Update cli-templates.json

Author: simon-johansson

cli-templates.json

@@ -7,6 +7,12 @@
         "template": "hello-world",
         "lang": "go"
     },
+    {
+        "title":    "Intro to Encore.ts",
+        "desc":     "An interactive tutorial",
+        "template": "ts/introduction",
+        "lang": "ts"
+    },
     {
         "title":    "Hello World",
         "desc":     "A simple REST API",

ts/introduction/.gitignore

@@ -0,0 +1,6 @@
+.encore
+encore.gen.go
+encore.gen.cue
+/.encore
+node_modules
+/encore.gen

ts/introduction/README.md

@@ -0,0 +1,27 @@
+# Encore.ts Introduction
+
+Follow the interactive lessons in the local development dashboard to help you get started with Encore.ts.
+
+## Run the introduction
+
+### Prerequisite: Installing Encore
+
+If this is the first time you're using Encore, you first need to install the CLI that runs the local development
+environment. Use the appropriate command for your system:
+
+- **macOS:** `brew install encoredev/tap/encore`
+- **Linux:** `curl -L https://encore.dev/install.sh | bash`
+- **Windows:** `iwr https://encore.dev/install.ps1 | iex`
+
+When you have installed Encore, run:
+
+```bash
+encore app create --example=ts/introduction
+```
+
+## Running locally
+```bash
+encore run
+```
+
+While `encore run` is running, open <http://localhost:9400/> to view Encore's [local developer dashboard](https://encore.dev/docs/observability/dev-dash) which for this app also includes an Introduction section. Complete lessons by writing code in your editor to extend the app and finish tasks that will help you master Encore.ts.

ts/introduction/encore.app

@@ -0,0 +1,4 @@
+{
+  "id": "",
+  "lang": "typescript"
+}

ts/introduction/foo/foo.ts

@@ -0,0 +1,5 @@
+import { Service } from "encore.dev/service";
+
+// Encore will consider this directory and all its subdirectories as part of the "hello" service.
+// https://encore.dev/docs/ts/primitives/services
+export default new Service("hello");