Clone front-end into your workspace

Before starting this tutorial,
you have to provide a real-world example application at first.

Please folk the public example (using nuxt).

Once folked the repo,
copy the path.

Open your terminal window, clone it.

git clone COPIED_VALUE

Then, initialize it.

cd nuxt-realworld
yarn install  # <- here would take a few minutes.
npx npm-add-script -k serve -v "nuxt-ts build && nuxt start" # <- add static serve command to avoid initial loading screen.
npm run serve

After waiting for a while,
you notice some messages are displayed in your console.

   ╭────────────────────────────────────────╮
   │                                        │
   │   Nuxt @ v2.14.12                      │
   │                                        │
   │   ▸ Environment: production            │
   │   ▸ Rendering:   server-side           │
   │   ▸ Target:      server                │
   │                                        │
   │   Memory usage: 29.1 MB (RSS: 82 MB)   │
   │                                        │
   │   Listening: http://localhost:3000/    │
   │                                        │
   ╰────────────────────────────────────────╯

open your application by Chrome.
open http://localhost:3000

Anyhow now you have your own application.
Let’s move on to the next to do testing.