My Updated Way of Adding Pagination w/ Next.js 14, Tailwind CSS and shadcn/ui

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

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

  • @lambo-ca
    @lambo-ca 10 หลายเดือนก่อน +1

    Finally! Thanks Hosna.

  • @HassaanBaig-w7p
    @HassaanBaig-w7p 3 หลายเดือนก่อน

    This was really helpful. Thank you !

  • @krittiyaclark
    @krittiyaclark 8 หลายเดือนก่อน +2

    Thank you, Hosna! Can you teach me how to build a blog with tags and pagination like this with Next.js + Prismic?

  • @joseaparicio9484
    @joseaparicio9484 9 หลายเดือนก่อน +2

    Thanks for the video.
    Would it be worth the effort to make this pagination in a server component?

  • @kaiquesantosdesouza7087
    @kaiquesantosdesouza7087 4 หลายเดือนก่อน

    Thanks for video!!!

  • @zhiwu3121
    @zhiwu3121 10 หลายเดือนก่อน +1

    very good conten,I like it!

  • @pms_code
    @pms_code 10 หลายเดือนก่อน +1

    Hi Hosna, Do you know, what you are doing? Actually You are motivating me to learn NextJS, Currenly I started to learn NextJS, and found this video, really amazing! Thanks a lot

  • @OctavioVazquez-i8s
    @OctavioVazquez-i8s 8 หลายเดือนก่อน

    thank you, it worked to me

  • @andredesbiens1489
    @andredesbiens1489 7 หลายเดือนก่อน +2

    Very useful, thank you. Just one thing that I would change in your code since you are using TS and this is hurting my eyes
    totalPosts: number;
    postsPerPage: number;
    currentPage: number;
    setCurrentPage: (page:number) => void;

    • @hqasmei
      @hqasmei  7 หลายเดือนก่อน

      Will do thanks for the feedback!

  • @eca8799
    @eca8799 7 หลายเดือนก่อน

    It is advisable to wrap Pagination in PaginationSection? how could access to PaginationItem properties from PaginationSection?

  • @kimhongsieng6457
    @kimhongsieng6457 10 หลายเดือนก่อน +1

    Great. HOw to show page like this 1,2,3....,20,21. which 21 is the lat page.

    • @hqasmei
      @hqasmei  10 หลายเดือนก่อน

      Yes someone just asked the same question! Just updated the code, so should be there. github.com/hqasmei/youtube-tutorials/tree/main/shadcn-pagination. Also comments in the code. Let me know if you have any other questions.

    • @kimhongsieng6457
      @kimhongsieng6457 10 หลายเดือนก่อน

      thanks. do you have a combobox video which get the data from database and list in combobox?
      @@hqasmei

  • @jfhandfield
    @jfhandfield 10 หลายเดือนก่อน

    Got the same kinda question. I know there is a PaginationEllipsis but I don't get what to do. Do I like show 3 pages then the ellipsis and change when the user reach the 3rd?

    • @hqasmei
      @hqasmei  10 หลายเดือนก่อน

      Yes great question! Completely forgot to include in the video. Just updated the code, so should be there. github.com/hqasmei/youtube-tutorials/tree/main/shadcn-pagination. Also comments in the code.
      But you want to set conditions when to show the ellipsis or not.

  • @itachicodes2506
    @itachicodes2506 10 หลายเดือนก่อน +1

    can you please do a video on carousel?

    • @hqasmei
      @hqasmei  10 หลายเดือนก่อน +1

      Will put it on the list, anything with carousel in particular?

    • @itachicodes2506
      @itachicodes2506 10 หลายเดือนก่อน

      @@hqasmei thank you && I was thinking of doing like a “language” tab for example: Java, Python, Bash… but I was having trouble implementing /:

    • @zenitsu4139
      @zenitsu4139 7 หลายเดือนก่อน

      @@hqasmei Infinite carousel effect/

  • @kakajandeveloper
    @kakajandeveloper 6 หลายเดือนก่อน

    sorry bro, u dont use features of nextjs 14

  • @zenitsu4139
    @zenitsu4139 7 หลายเดือนก่อน

    thanks a lot. Instant sub and like. I was struggling to implement it. Also Can You Make A tutorial For Infinite Carousel