Building a Professionally Designed Website with NextJS, TypeScript, and Payload CMS - Episode 3

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 ต.ค. 2024

ความคิดเห็น • 33

  • @jim.....
    @jim..... 3 ปีที่แล้ว +11

    I've recently shifted my focus from graphic design to web development so seeing agency level work like this in real time is invaluable to me. Thanks for putting this together!

    • @payloadcms
      @payloadcms  3 ปีที่แล้ว +3

      You have no idea how happy that makes us to hear. Keep up the learning! It'll make you indispensable.

  • @Saioren
    @Saioren 8 หลายเดือนก่อน +1

    Great video, I feel like the Payload flow is finally coming more naturally. Super exciting

  • @denniszenanywhere
    @denniszenanywhere 3 ปีที่แล้ว +3

    Man, ive searched for web development tutorials with good design tutorials and yours is the best so far. Please continue what you are doing. Thanks

  • @SonGoku-lc1sb
    @SonGoku-lc1sb 3 ปีที่แล้ว +3

    This is great !!!! Please do more tutorials like these ! I cant wait to see this website finish ! AWESOME knowledge intake ! Thanks a lot :D

    • @payloadcms
      @payloadcms  3 ปีที่แล้ว

      Thank you! The next video is on its way!

  • @wizardfed1221
    @wizardfed1221 11 หลายเดือนก่อน +2

    New series for 2.0 or next 3.0 would be cool

  • @taunado
    @taunado ปีที่แล้ว

    Brilliant, learning a lot and you've opened my eyes up to new, effective design & dev practises. It'll be great to see more processes and tips that you use at your studio. #youtubeshorts

  • @vaniad555
    @vaniad555 3 ปีที่แล้ว

    Thank you, James! I've been studying for the past few years and got to the point of building exactly this type of project, and boom. (I didn't get used to WP and each time I have to develop with their themes it's not enough.) Thank you for spending your time to share with the rest of us. Great tutorial, very well constructed and most importantly it is working on our end as well 😄!

  • @dwikurniawan1376
    @dwikurniawan1376 3 ปีที่แล้ว +1

    this is awesome. I can see almost the whole development process. keep going on!

  • @muniryounos4626
    @muniryounos4626 3 ปีที่แล้ว +1

    This is the best course I have had so far ONLINE!....I hope payloadCMS adds ecommerce addon as soon as I am still young ....:)

    • @payloadcms
      @payloadcms  3 ปีที่แล้ว +1

      Thank you! We plan to release a full ecommerce tutorial just like this one in the future. Keep an eye out!

  • @tejasahluwalia8713
    @tejasahluwalia8713 3 ปีที่แล้ว +1

    HYPE! :P Thanks a lot for this James. I'm sure you all are working hard on improving payload everyday, so we appreciate still taking the time out to make this series. I'll be watching and re-watching this all week. Love the small details that regular tutorials never touch upon.
    Question:
    So we're building our site and having done the entire information architecture, we've ended up with 19(!) collections and possibly more in the future. Yeah its insane, but our organisation has 3 wings each having a bunch of different things so that's how we ended up here.
    This was a request from the content writers who have to navigate this everyday:
    Say if we have collections like Trustees, Advisors, Team, Students, etc - We would like to be able to categorize them as, say "People" in the sidebar under collections in Payload. Or maybe I would use this to separate the collections for each wing of the Org.
    For "People" - Since they have different fields I've separated them, but maybe it makes more sense to have just one collection and then have a bunch of conditional fields for each type? I'm not sure, but if I'm not able to categorize my collections then I'll have to do it this way.

    • @payloadcms
      @payloadcms  3 ปีที่แล้ว +1

      Hey Tejas - you can definitely do this! Actually, you can swap out the entire Nav component with your own and then design it to suit your needs exactly. You could have "accordions" that contain nested nav items, or just add labels like you're mentioning here.
      payloadcms.com/docs/admin/components
      Regarding organizing your People collection(s) - I do think that having conditional fields could be something that you could pursue. It's all up to you, really, and how you would prefer to manage your data into the future. I will say though that conditional fields are a very useful feature. We make use of 'em heavily.
      Keep me posted with what you decide to do, thank you for the compliments, and lastly - keep an eye out for a new User Preferences feature coming out soon! Check out the PRs open now for more info. Good stuff on the way.

    • @tejasahluwalia8713
      @tejasahluwalia8713 3 ปีที่แล้ว

      @@payloadcms Ah yes, I remember reading this in the docs, but it didn't strike me, I thought some deeper level of integration would be needed. Ill try it out and see what can be done. Thanks for the reply

  • @bravesirrobin9576
    @bravesirrobin9576 3 ปีที่แล้ว +3

    Quick note - next/link has a `passHref` attribute so you don't need to pass the href value to the nested anchor.

    • @payloadcms
      @payloadcms  3 ปีที่แล้ว

      🤯 ahhhh!! thank you!

  • @richardsonlyon8108
    @richardsonlyon8108 3 ปีที่แล้ว

    Hey! These videos are just awesome. Thank you all. Please, when is the next video going to be released?

    • @payloadcms
      @payloadcms  3 ปีที่แล้ว +1

      Hey there! Next video is coming out this week! Keep an eye out!

  • @klipspringer
    @klipspringer 3 ปีที่แล้ว +1

    that’s amazing tutorials.

  • @batcodehouse5964
    @batcodehouse5964 ปีที่แล้ว

    Really is crazy!! i love it

  • @howuseehim
    @howuseehim 3 ปีที่แล้ว +1

    Where can I learn all of that ? From scratch ?

    • @payloadcms
      @payloadcms  3 ปีที่แล้ว +1

      I did! Just persevere and practice. It's a very fulfilling career and the only limit to your learning is how committed you are to doing so. Get after it!

  • @taunado
    @taunado ปีที่แล้ว

    What methods have you guys changed since creating this video? Still using JSS?

  • @hasancancer
    @hasancancer 2 ปีที่แล้ว

    Man you are funny. Love the way you code.
    @34:27

  • @nistaspec
    @nistaspec 3 ปีที่แล้ว

    Can you please zoom the screen in next videos, so we can see better? 😊 and it woud be nice if you can post every week, not every month 😊

    • @tejasahluwalia8713
      @tejasahluwalia8713 3 ปีที่แล้ว

      Zoom level has been okay I feel, are you watching in 1080p?

    • @nistaspec
      @nistaspec 3 ปีที่แล้ว

      @@tejasahluwalia8713 it's ok on desktop, but try watching on mobile

    • @payloadcms
      @payloadcms  3 ปีที่แล้ว

      Sure can - next one will be more zoomed for sure. Thanks for the feedback!

  • @kamalCode
    @kamalCode 3 ปีที่แล้ว +1

    Sir, please Nextjs Ecommerce website

    • @payloadcms
      @payloadcms  3 ปีที่แล้ว

      I think we can do that! Good idea!

  • @batcodehouse5964
    @batcodehouse5964 ปีที่แล้ว

    "I started when i was stupid" ahhaha

  • @batcodehouse5964
    @batcodehouse5964 ปีที่แล้ว

    One question my friend, i have this issues: imgur.com/1ttcHMb.png I don't know how to solve... and because of that can`t open my modal.. ( imgur.com/J6Yc0hW.png )