- Видео 66
- Просмотров 50 336
Frontend Series
Добавлен 29 июн 2020
We are a new community where we will share a lot of frontend knowledge
Building a MonoRepo with NPM Workspaces
Code of the video: github.com/ContentPI/site-builder
Просмотров: 29 297
Видео
55. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Improving Theming System
Просмотров 1,1 тыс.3 года назад
In this course you will learn to develop a Headless CMS with TypeScript, GraphQL, Next.js, React Hooks, Context API and Suspense. ContentPI Official: github.com/ContentPI/ContentPI Join to our Slack channel: developereducation.slack.com/join/shared_invite/zt-eatjcqlw-dRtII6skC9oxT_Fpth_Qlg#/ Visit my Spanish Channel: ruclips.net/user/codejobs
54. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Theming System - Part 2
Просмотров 3963 года назад
In this course you will learn to develop a Headless CMS with TypeScript, GraphQL, Next.js, React Hooks, Context API and Suspense. ContentPI Official: github.com/ContentPI/ContentPI Join to our Slack channel: developereducation.slack.com/join/shared_invite/zt-eatjcqlw-dRtII6skC9oxT_Fpth_Qlg#/ Visit my Spanish Channel: ruclips.net/user/codejobs
53. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Theming System - Part 1
Просмотров 2463 года назад
In this course you will learn to develop a Headless CMS with TypeScript, GraphQL, Next.js, React Hooks, Context API and Suspense. ContentPI Official: github.com/ContentPI/ContentPI Join to our Slack channel: developereducation.slack.com/join/shared_invite/zt-eatjcqlw-dRtII6skC9oxT_Fpth_Qlg#/ Visit my Spanish Channel: ruclips.net/user/codejobs
52. How to build a Headless CMS with TypeScript, React, GraphQL & Node: NPM Package for React
Просмотров 3163 года назад
In this course you will learn to develop a Headless CMS with TypeScript, GraphQL, Next.js, React Hooks, Context API and Suspense. ContentPI Official: github.com/ContentPI/ContentPI Join to our Slack channel: developereducation.slack.com/join/shared_invite/zt-eatjcqlw-dRtII6skC9oxT_Fpth_Qlg#/ Visit my Spanish Channel: ruclips.net/user/codejobs
51. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Publishing an NPM Package
Просмотров 1703 года назад
51. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Publishing an NPM Package
50. How to build a Headless CMS with TypeScript, React, GraphQL & Node: ContentPI V2.0
Просмотров 3153 года назад
50. How to build a Headless CMS with TypeScript, React, GraphQL & Node: ContentPI V2.0
49. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Fixing Modal Heights
Просмотров 3594 года назад
49. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Fixing Modal Heights
48. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Edit Enumeration
Просмотров 1554 года назад
48. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Edit Enumeration
47. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Delete Enumeration
Просмотров 1174 года назад
47. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Delete Enumeration
46. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Dashboard Home
Просмотров 2634 года назад
46. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Dashboard Home
45. How to build a Headless CMS with TypeScript, React, GraphQL & Node: @contentpi/core/ui/utils
Просмотров 1254 года назад
45. How to build a Headless CMS with TypeScript, React, GraphQL & Node: @contentpi/core/ui/utils
44. How to build a Headless CMS with TypeScript, React, GraphQL & Node: API Service
Просмотров 1604 года назад
44. How to build a Headless CMS with TypeScript, React, GraphQL & Node: API Service
43. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Table Sorting & Search
Просмотров 1054 года назад
43. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Table Sorting & Search
42. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Language Switcher
Просмотров 844 года назад
42. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Language Switcher
41. How to build a Headless CMS with TypeScript, React, GraphQL & Node: All Translations
Просмотров 834 года назад
41. How to build a Headless CMS with TypeScript, React, GraphQL & Node: All Translations
40. How to build a Headless CMS with TypeScript, React, GraphQL & Node: I18n (Frontend)
Просмотров 1014 года назад
40. How to build a Headless CMS with TypeScript, React, GraphQL & Node: I18n (Frontend)
39. How to build a Headless CMS with TypeScript, React, GraphQL & Node: I18n (Backend)
Просмотров 754 года назад
39. How to build a Headless CMS with TypeScript, React, GraphQL & Node: I18n (Backend)
38. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Emotion CSS
Просмотров 794 года назад
38. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Emotion CSS
37. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Publish & Unpublish Entries
Просмотров 704 года назад
37. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Publish & Unpublish Entries
36. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Styled Components
Просмотров 734 года назад
36. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Styled Components
35. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Delete Entries
Просмотров 664 года назад
35. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Delete Entries
34. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Reference (Frontend)
Просмотров 1174 года назад
34. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Reference (Frontend)
33. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Reference (Backend)
Просмотров 604 года назад
33. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Reference (Backend)
32. How to build a Headless CMS with TypeScript, React, GraphQL & Node: File Uploader
Просмотров 984 года назад
32. How to build a Headless CMS with TypeScript, React, GraphQL & Node: File Uploader
31. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Enumerations (Frontend)
Просмотров 854 года назад
31. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Enumerations (Frontend)
30. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Enumerations (Backend)
Просмотров 1104 года назад
30. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Enumerations (Backend)
29. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Edit Entry
Просмотров 854 года назад
29. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Edit Entry
28. How to build a Headless CMS with TypeScript, React, GraphQL & Node: AfterCreateOrEditEntryModal
Просмотров 744 года назад
28. How to build a Headless CMS with TypeScript, React, GraphQL & Node: AfterCreateOrEditEntryModal
27. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Update Values (Backend)
Просмотров 924 года назад
27. How to build a Headless CMS with TypeScript, React, GraphQL & Node: Update Values (Backend)
Blasted my ears! LMAO. Thanks for explanation though :)
you never added typescript :(
Where's the next video on TS?
You dont have to match the version, you can use * in place of the version number under dependences
Can I use this example in astro.js too ?
Thanks for posting this. But dang that intro was LOUD. Then your voice comes in as a whisper unless you turn up your speakers after having just turned them down during the intro.
Helpful!
Great video!! Thank you. Super helpful.
Was literally using subtitles to figure out what you saying cos you don’t speak loud enough or your recording mic sucks
Bro you have to be more audible and louder, I had to scavenge for every ounce of volume I could find on my device
the intro is super loud
Amazing video! I've liked and subscribed ☺🤗
Thanks for video!
Looking forward for the next video when you setup TS and extends the packages with utils, I really hope it will happen...
You need npm v7 / node v17 to use npm workspaces.
*turns volume up to max to hear*
Is there a video on how to add TypeScript? Curious about how to configure the other packages that now use .ts files
Hey man! Thanks for the tutorial. I am following your steps to create the monorepo, but when I try to run "npm i" in the frontend folder, it throws a 404 error, it doesn't recognize the backend folder. Do you have any idea of what may be causing this? the version is alright, 1.0.0.
That was the loudest intro I've ever heard...
Agreed
Thanks a lot !!!
i like the way you are explaining things, it's on point 👍
Thanks for video, do you think package-lock is required for frontend and backend repos? If they are built separately we would need the repos right?
Thanks, very helpful but I'm waiting for the TS one. I hope it helps me figure out how in the monorepo to set up the tsconfig + ESLint + prettier so it works for the react front-end and a node back-end. I'm trying to use the airbnb config but I'm not sure if I need multiple configs ESLint / TS configs so the react rules are only in the react project.
Very nice explanation! Thank you!
I was looking for this so much :) thank you
helped alot, thanks
You are all over the place please organize your video, you have to see it from a viewer point of view, you have got very interesting topics, but the tutorial exection was done poorly, tip for you is to see how other YT software creator make their video and get some inspiration
Each video of this serie has the same title name?
@@Osmanity they are numbered though, and there are something like sub heading / sub title
Cool, mate , please continue make videos, very useful and interesting!
wooow , welcome back lol
Happily to get on board. Imma try to follow it through the end.
are you alive?
hi, this course is finished? i see that you haven´t upload any video , are you fine?
Yk when I typed "Building a headless CMS" on Google I didn't think that I would actually find any results... and for free?!... but here you are... thanks a lot man amazing effort and great tutorial... we all know that's not an easy tutorial to make
Wow this looks like an amazing series! Looking forward to starting from the beginning! Please keep it up!🔥🔥🔥
bro , estoy consumiendo tu libro y esta pasado eh
->Best Explain ->react tutorial in english
Thanks a lot Sir for the tutorial and your hard work.
Awesome!!! You're doing a great job
Thanks Jonatan!
Thanks for the awesome tutorial sir and your hard work and dedication.
Thanks for the awesome tutorial and hard wor.
Hi all, in this video there is a problem with the package merge-graphql-schemas-ts, you should NOT use it because is deprecated, instead you should install the packages: @graphql-tools/load-files and @graphql-tools/merge You should replace your files with this: src/graphql/types/index.ts: github.com/ContentPI/ContentPI/blob/dev/backend/src/graphql/types/index.ts src/graphql/resolvers/index.ts: github.com/ContentPI/ContentPI/blob/dev/backend/src/graphql/resolvers/index.ts If you have any question, feel free to join our Slack commnunity (link is in the description).
Can make more tutorials about js like class and inheritance and http request in js , import and export modules
Probably in a separated course yes, this is focused 100% on the development of the ContentPI project.
Thanks for the video tutorial and your hard work sir.
Thanks to you for continue watching :)
Great tutorial sir. Thanks for your hard work.
Are you following the course video by video? I'm really surprised you're very active :)
Thank you sir for this series. Thanks for your hard work.
No problem, tomorrow is the video 32, which is the last video that I copied from the original Spanish course, from now the new videos is to develop new features on the CMS :)
Again, amazing content!
Just by curiosity how did you find our channel?
@@FrontendSeries RUclips search, i was looking for typescript, node and graphql. After watch some videos about strapi, I got here.
@@FrontendSeries If i write headless typescript, your channel come at first position to me.
Awesome, remember you can join our Slack channel (link is on the description), if you have any questions I can help there :)
Thanks for the awesome tutorial. One suggestion though the intro music is very loud ☺
Next + React is amazing, may you implement any feature using realtime (graphql subscriptions) ?
Not sure right now if for a Dashboard I can have something in realtime, but I'll study that possibility!
Awesome, thank you very much!
Thanks, high quality content. I'm sure this channel will grow.
Thank you!, I'll continue publishing videos, I hope you can help me recommending this channel to some friends :)
@@FrontendSeries I'll do for sure, thanks for your time mate!