Monorepos from scratch! (featuring pnpm & Turborepo) 🧑💻👩💻👨💻 🎥 LIVE Coding & Chill 🔴
I love working in monorepos, and we’ve done quite a few projects at this point who leverage them… Let’s see how to set them up from scratch!
We’ll setup with `pnpm` first, then move on to using Vercel’s Turborepo, so we’ll have the building blocks to mix & match to our taste. For example, whenever I need an Elysia API, I use bun as the package manager+ 🙂
🚀 Click around the app yourself: https://travel-pocket.vercel.app/
💻 See the code (private repo 😱): https://github.com/johnnify & https://github.com/johnnify/travel-po...
This monorepo strategy combos greatly with PocketBase! Check out my short but thorough video on how to set up and deploy PocketBase, where we end app with an `apps/pb` for the PocketBase stack, and an `apps/web` for the frontend!
👀 How to deploy PocketBase: • Your own CMS + Backend in 15': How to...
If you’re a beginner, you may want to start with our Portfolio "Paulina Puppers" series, and end up with the same or an equivalent project: • Brand new Fullstack App with Svelte 5...
Check around the channel for more playlists and increasingly complicated tech stack choices 🙌
— JOHNNIFY PREMIUM —
Get this repository AND MORE with Johnnify Premium: https://johnnify.com/premium
— 🙌🙌🙌 —
— COMMUNITY —
Our DISCORD SERVER 👾: / discord
— 🥳🥳🥳 —
— Agenda —
[ ] What are we doing today? Why monorepos?
[ ] Setup with pnpm workspaces: https://pnpm.io/workspaces
[ ] Let’s add a SvelteKit app! https://kit.svelte.dev/docs/creating-...
[ ] Let’s add a Next.js app! https://nextjs.org/docs/getting-start...
[ ] Running all dev scripts from project root! https://pnpm.io/cli/run#--recursive--r
[ ] Add formatting with Prettier: https://prettier.io/
[ ] Let’s add a Fastify API: https://github.com/fastify/fastify?ta...
[ ] Let’s have our frontend apps consume our Fastify API!
[ ] What about packages?
[ ] Adding our tailwind config to one shared local package!
[ ] Using Turborepo: https://turbo.build/repo/docs/getting...
[ ] Deploying to Vercel! https://vercel.com/johnnify/johnnify-web
[ ] Bringing in a Johnnify Premium project?! https://github.com/johnnify
[ ] ULTIMATE LIVE 🥳 DEMO!
[ ] How to setup PocketBase in a monorepo!
— HAVE FUN —
No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄
— Highlighted software —
pnpm: https://pnpm.io/
Turbo: https://turbo.build/
SvelteKit: https://kit.svelte.dev/
Next.js: https://nextjs.org/
Tailwind: https://tailwindcss.com/
Vercel: https://vercel.com/johnnify
Playwright: https://playwright.dev/
My own website: https://magrippis.com/
Search for `@jmagrippis` to find me on socials like Instagram & Twitter! And remember our DISCORD SERVER 😉: / discord
Between the comment section and the socials, let me know *somewhere* what you’d like me to cover next 🙌
Stream number 124!
Watch video Monorepos from scratch! (featuring pnpm & Turborepo) 🧑💻👩💻👨💻 🎥 LIVE Coding & Chill 🔴 online without registration, duration hours minute second in high quality. This video was added by user Johnny Magrippis 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 526 once and liked it 18 people.