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! 🤟
Watch video Deep dive into Finsweet's developer-starter, how was it built? online without registration, duration hours minute second in high quality. This video was added by user Finsweet 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,108 once and liked it 34 people.