Frontend Series
Frontend Series
  • Видео 66
  • Просмотров 50 336

Видео

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)

Комментарии

  • @kumarchandresh0
    @kumarchandresh0 5 месяцев назад

    Blasted my ears! LMAO. Thanks for explanation though :)

  • @lilumdaru
    @lilumdaru 7 месяцев назад

    you never added typescript :(

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

    Where's the next video on TS?

  • @aamirsuleman9815
    @aamirsuleman9815 Год назад

    You dont have to match the version, you can use * in place of the version number under dependences

  • @samvelpetrosyan494
    @samvelpetrosyan494 Год назад

    Can I use this example in astro.js too ?

  • @darnellarford2439
    @darnellarford2439 Год назад

    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.

  • @hmmm....1910
    @hmmm....1910 Год назад

    Helpful!

  • @the-dark-matter
    @the-dark-matter Год назад

    Great video!! Thank you. Super helpful.

  • @kennedydre8074
    @kennedydre8074 Год назад

    Was literally using subtitles to figure out what you saying cos you don’t speak loud enough or your recording mic sucks

  • @kennedydre8074
    @kennedydre8074 Год назад

    Bro you have to be more audible and louder, I had to scavenge for every ounce of volume I could find on my device

  • @kudorgyozo
    @kudorgyozo Год назад

    the intro is super loud

  • @tabliqatchi6696
    @tabliqatchi6696 Год назад

    Amazing video! I've liked and subscribed ☺🤗

  • @ToanNguyen-yx1hj
    @ToanNguyen-yx1hj Год назад

    Thanks for video!

  • @lacherolachero9409
    @lacherolachero9409 2 года назад

    Looking forward for the next video when you setup TS and extends the packages with utils, I really hope it will happen...

  • @dhruvmpatel
    @dhruvmpatel 2 года назад

    You need npm v7 / node v17 to use npm workspaces.

  • @MattChinander
    @MattChinander 2 года назад

    *turns volume up to max to hear*

  • @SalminSkenderovic
    @SalminSkenderovic 2 года назад

    Is there a video on how to add TypeScript? Curious about how to configure the other packages that now use .ts files

  • @nicolasgodoy6458
    @nicolasgodoy6458 2 года назад

    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.

  • @jasonwilson5364
    @jasonwilson5364 2 года назад

    That was the loudest intro I've ever heard...

  • @sergioarieljuarez90
    @sergioarieljuarez90 2 года назад

    Thanks a lot !!!

  • @any_account-b6x
    @any_account-b6x 2 года назад

    i like the way you are explaining things, it's on point 👍

  • @vishalvannada2570
    @vishalvannada2570 2 года назад

    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?

  • @neilm813
    @neilm813 2 года назад

    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.

  • @stanimirdimitrov4913
    @stanimirdimitrov4913 2 года назад

    Very nice explanation! Thank you!

  • @dilermandolima5950
    @dilermandolima5950 2 года назад

    I was looking for this so much :) thank you

  • @nikan10282
    @nikan10282 2 года назад

    helped alot, thanks

  • @Osmanity
    @Osmanity 2 года назад

    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

    • @Osmanity
      @Osmanity 2 года назад

      Each video of this serie has the same title name?

    • @muhammadaryomuzakki
      @muhammadaryomuzakki Год назад

      @@Osmanity they are numbered though, and there are something like sub heading / sub title

  • @alexandrdermenji2428
    @alexandrdermenji2428 2 года назад

    Cool, mate , please continue make videos, very useful and interesting!

  • @VitorZonho
    @VitorZonho 2 года назад

    wooow , welcome back lol

  • @diegosabajo7425
    @diegosabajo7425 2 года назад

    Happily to get on board. Imma try to follow it through the end.

  • @VitorZonho
    @VitorZonho 3 года назад

    are you alive?

  • @memogranados8446
    @memogranados8446 3 года назад

    hi, this course is finished? i see that you haven´t upload any video , are you fine?

  • @valravn89
    @valravn89 3 года назад

    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

  • @okshoo
    @okshoo 3 года назад

    Wow this looks like an amazing series! Looking forward to starting from the beginning! Please keep it up!🔥🔥🔥

  • @virtabojo
    @virtabojo 3 года назад

    bro , estoy consumiendo tu libro y esta pasado eh

  • @shubhamboghara6232
    @shubhamboghara6232 3 года назад

    ->Best Explain ->react tutorial in english

  • @arsalanshaikh3763
    @arsalanshaikh3763 3 года назад

    Thanks a lot Sir for the tutorial and your hard work.

  • @jonatanflores3432
    @jonatanflores3432 3 года назад

    Awesome!!! You're doing a great job

  • @arsalanshaikh3763
    @arsalanshaikh3763 4 года назад

    Thanks for the awesome tutorial sir and your hard work and dedication.

  • @arsalanshaikh3763
    @arsalanshaikh3763 4 года назад

    Thanks for the awesome tutorial and hard wor.

  • @SeriesFrontend
    @SeriesFrontend 4 года назад

    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).

  • @razeev4685
    @razeev4685 4 года назад

    Can make more tutorials about js like class and inheritance and http request in js , import and export modules

    • @FrontendSeries
      @FrontendSeries 4 года назад

      Probably in a separated course yes, this is focused 100% on the development of the ContentPI project.

  • @arsalanshaikh3763
    @arsalanshaikh3763 4 года назад

    Thanks for the video tutorial and your hard work sir.

    • @SeriesFrontend
      @SeriesFrontend 4 года назад

      Thanks to you for continue watching :)

  • @arsalanshaikh3763
    @arsalanshaikh3763 4 года назад

    Great tutorial sir. Thanks for your hard work.

    • @FrontendSeries
      @FrontendSeries 4 года назад

      Are you following the course video by video? I'm really surprised you're very active :)

  • @arsalanshaikh3763
    @arsalanshaikh3763 4 года назад

    Thank you sir for this series. Thanks for your hard work.

    • @FrontendSeries
      @FrontendSeries 4 года назад

      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 :)

  • @Kauan-ev5qi
    @Kauan-ev5qi 4 года назад

    Again, amazing content!

    • @FrontendSeries
      @FrontendSeries 4 года назад

      Just by curiosity how did you find our channel?

    • @Kauan-ev5qi
      @Kauan-ev5qi 4 года назад

      @@FrontendSeries RUclips search, i was looking for typescript, node and graphql. After watch some videos about strapi, I got here.

    • @Kauan-ev5qi
      @Kauan-ev5qi 4 года назад

      ​@@FrontendSeries If i write headless typescript, your channel come at first position to me.

    • @FrontendSeries
      @FrontendSeries 4 года назад

      Awesome, remember you can join our Slack channel (link is on the description), if you have any questions I can help there :)

  • @arsalanshaikh3763
    @arsalanshaikh3763 4 года назад

    Thanks for the awesome tutorial. One suggestion though the intro music is very loud ☺

  • @Kauan-ev5qi
    @Kauan-ev5qi 4 года назад

    Next + React is amazing, may you implement any feature using realtime (graphql subscriptions) ?

    • @FrontendSeries
      @FrontendSeries 4 года назад

      Not sure right now if for a Dashboard I can have something in realtime, but I'll study that possibility!

  • @Kauan-ev5qi
    @Kauan-ev5qi 4 года назад

    Awesome, thank you very much!

  • @Kauan-ev5qi
    @Kauan-ev5qi 4 года назад

    Thanks, high quality content. I'm sure this channel will grow.

    • @FrontendSeries
      @FrontendSeries 4 года назад

      Thank you!, I'll continue publishing videos, I hope you can help me recommending this channel to some friends :)

    • @Kauan-ev5qi
      @Kauan-ev5qi 4 года назад

      @@FrontendSeries I'll do for sure, thanks for your time mate!