About the workshop

## About the workshop
      Laying the ground rules and expectations on what we are going to be doing today
      ---
      ## Goals

- Understanding the modern JS toolchain
- Get familiar with (some of) the tools
- Create a small sample project

---

<class-note>

The toolchain space is too broad.

There are too many topics, tools and things to explore.

We are not going to be able to cover everything..

</class-note>

---

## Non Goals

- No testing
- No asset management
- No production ready results

---

## Topics

- Why do we need a toolchain?
- What is Vite and how it works?
- Esbuild vs babel (vs swc / oxc)
- Rollup (rolldown)
- Metaframeworks (astro, tanstank-start, svelte-kit)
- Editor config (syntax highlighting, linting and formatting, lsp)

---

## Demo project

We are going to build `a personal blog`

- Home page with lists of posts
- About page with info about the author
- Post pages with articles about our favorite topics
- Some cool extra bits we might want to plugin

---

## Setup

You'd need the following things:

- Node.JS / Deno / Bun
- Terminal
- Editor
- Git