Turborepo Tutorial | Part 2 - Testing, Deployment, and remote cacheing.

Подписаться 7 тыс.

Просмотров 16 тыс.

50% 1

We will be looking at the newly acquired library by Vercel known as Turborepo. In this tutorial we will be focusing on the initial project sharing configuration for 2 Next.js Frontend apps, along with a Node.js server all using Typescript.
We will look how to setup Jest for our 2 projects, as well as setup github actions. We will also look how to deploy a project to vercel, and finally how to utilize the beta feature of remote cacheing.
Turborepo Site: turborepo.org/
Github Project For this Tutorial: github.com/leoroese/turborepo...
Starter for this part of video: github.com/leoroese/turborepo...
Timestamps:
0:00 intro
2:30 testing dependencies
4:10 testing next app
12:10 testing server
19:30 deploy vercel
23:00 github actions
32:48 remote cacheing

Опубликовано:

4 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 28

@dandcodes 2 года назад

This is an excellent video, thanks for covering eslint, turborepo remote caching and deployment using Turbo Repo. Really looking forward to you continuing this series.

@binov5012 2 года назад

Thanks for your courses! Best for you!

@avidcaster 9 месяцев назад

Your skill in creating excellent videos is commendable.

@zillionvfx4786 2 года назад

Thank you so much sir Leo...Been waiting this one for so long...❤

@zillionvfx4786 2 года назад

Leo, what is the best way to share environment variables in this turborepo... mean If I want to share env within apps and packages how to do that?

@justinoneill2837 2 года назад

@@zillionvfx4786 did you figure out the best way share env variables?

@Gearmaster7 2 года назад

Excellent video! The one danger with this setup is by building the frontend with vercel automatically there's the possibility your frontend will go live but the backend will fail causing a mismatch between the two. If you have everything build with gh actions you can wait until the backend deploys before deploying to vercel via a gh action job.

@rico454 11 месяцев назад

Very good point. Any documentation on how to set this up?

@nilskoch990 2 года назад

Great video! Thank you a lot!

@andrewdelmonte1172 2 года назад

Thank you Leo!

@shaohaolin517 2 года назад

Hey Leo, thank you for the content. Is it possible to add support for Jest testing for packages?

@billycatchpole3699 2 года назад

If anyone has problems with jest coverage showing uncovered lines which do not exist in the file, you can use ts-jest instead of esbuild

@edwinvw 2 года назад

Big thanks!

@chinoviteri7139 2 года назад

Loved the video. I was wondering How to deploy your packages to a registry? I would love to see a video about that

@doobtom271 Год назад

22:29 --scope and --include-dependencies are deprecated. Replace them with --filter=your-app or --filter=your-app... instead. Notice the 3-dots means include-dependencies, if you want the package.json build commands in your '/packages/' executed. See Turbo's CLI docs

@MiklosGalicz Год назад

Really liked your video series! Helped us in setting up eslint/tsconfig properly for our project, so thanks for that! Any ideas around .env files? :D

@TheNarstonerz Год назад

Wondering the same

@horhorou-8819 Год назад

@@TheNarstonerz same here

@oussamasethoum1665 2 года назад

can you make a video on how to use turborepo with other backend frameworks such as NestJs

@TheNarstonerz Год назад

Thanks for this video, what about environment variables? To allow the frontend to access the server do you pass localhost:4000 as variable?

@CodeDunks Год назад

You could pass in some environment variable for whatever the path to your running server is. So if your server is on port 8000 you could add an env value like SERVER_ENDPOINT=localhost:8000

@TheNarstonerz Год назад

@@CodeDunks I have tried but it's not working at all, I wrote and issue and waiting for an anwer :)

@7iomka 2 года назад

Error: The file "/vercel/path0/apps/next-app/.next/routes-manifest.json" couldn't be found. This is normally caused by a misconfiguration in your project. Why I have this error? Help please!

@fluffy_raptor 2 года назад

try putting `npm install --prefix=../..` as the "INSTALL COMMAND"

@curiousprogrammer90 Год назад

Why aren't testing dev deps installed in config workspace but rather in the root? Thanks! :)

@strustproduct371 Год назад

hi Can you please help on the issue with current turborepo SyntaxError: Cannot use import statement outside a module. I followed what you showed, but nothing is working it's been 2 days I have been trying

@CodeDunks Год назад

Sorry without more context it is a little difficult for me to fully help. But maybe this link will. stackoverflow.com/questions/58384179/syntaxerror-cannot-use-import-statement-outside-a-module