Deep dive into Finsweet's developer-starter, how was it built?

Alex will explain all the moving parts of the developer-starter template: the build setup, CI/CD, linting, type checking, etc... Learn how to create a production-ready codebase like Finsweet's!

-----------------------------------------------

// TIMESTAMPS

0:00 Countdown
0:35 Intro & hello's
2:55 Stream overview
7:31 What is the Finsweet Developer Starter
8:55 Using NodeJS to run JavaScript
9:50 What is a package manager?
14:40 Using pnpm to create the first package
21:47 Installing dependencies
23:40 Dependencies vs DevDependencies vs PeerDependencies
27:39 Installing TypeScript
33:08 Defining settings for TypeScript
35:10 Compiling code
37:37 How to check if the code has errors without compiling
38:55 Defining scripts
40:45 Finsweet's tsconfig
43:13 Initializing as a Git repository
49:35 Why you need a bundler
50:05 esbuild
56:50 Defining all the instructions for esbuild
01:02:50 Creating a live server
01:06:52 Stream roundup
01:07:44 Outro

-----------------------------------------------

// RESOURCES FROM THE VIDEO

Developer Starter template: https://github.com/finsweet/developer...
TypeScript: https://www.typescriptlang.org/
esbuild: https://esbuild.github.io/
Git: https://git-scm.com/
NodeJS: https://nodejs.org/en
npm: https://www.npmjs.com/
pnpm: https://pnpm.io/

Finsweet.com - https://www.finsweet.com/
Finsweet merch store - https://finsweet.com/merch
Signup to Finsweet+ - https://finsweet.com/plus
Subscribe to Finsweet YouTube - https://www.youtube.com/c/Finsweet?su...

-----------------------------------------------

// ABOUT US

We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. We are taking Webflow to a new level and sharing everything with you along the way!

🙌 Join our community - https://finsweet.com/plus
🔥 Add superpowers to your Webflow website - https://finsweet.com/attributes
🧰 Extend your Webflow workflow - https://finsweet.com/extension
🚀 Build clear, scalable & organized Webflow websites - https://www.finsweet.com/client-first
👀 Check out products used at Finsweet - https://www.finsweet.com/recommended
🛍️ Buy Finsweet merch - https://finsweet.com/merch

-----------------------------------------------

// SOCIAL

Podcast: https://anchor.fm/finsweet
Twitter:   / thatsfinsweet  
Instagram:   / finsweet  
Facebook:   / thatsfinsweet  
Dribbble: https://dribbble.com/thatsfinsweet
Behance: https://www.behance.net/thatsfinsweet/
Webflow: https://webflow.com/team/Finsweet/

-----------------------------------------------

// TAGS

#webflow #attributes #javascript

-----------------------------------------------

Thanks for your support! 🤟