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!
Смотрите видео Monorepos from scratch! (featuring pnpm & Turborepo) 🧑💻👩💻👨💻 🎥 LIVE Coding & Chill 🔴 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Johnny Magrippis 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 526 раз и оно понравилось 18 людям.