Goals
- Understanding the modern JS toolchain
- Get familiar with (some of) the tools
- Create a small sample project
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..
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